# 007: Photoshop-kuvakkeet ja teksti navigointiin - CSS-temppuja

Anonim

Aloitamme pudottamalla tekstin päänavigointiin vain nähdäksesi, miten se sopii, työskentelemme koon, värien jne. Suhteen. Osa tekstistä sopii melko tiukasti, mutta se on OK, teemme tilaa, varsinkin kun se muuttuu HTML: ksi / CSS ja säätö ovat vieläkin helpompia.

Tekstissä käytetään samaa pyöristettyä Gothamia. Voisi myös jatkaa "Brand" -kirjasinta navigointiin (joka tuntuu erittäin sopivalta).

Aktiivinen navigointi saa yksinkertaisesti tummemman värin ja käännetyn tekstin.

Katsomme suosikkikuvakirjasinta, Pictosta, mutta päätämme mennä Entypon kanssa vain vaihtamaan asioita hieman. Tässä on joukko muita, jotka olisimme voineet myös valita.

Aktivoimme fontin ja tutkimme sitä Font Explorer X -ohjelmistolla. Napsauttamalla "tiedot" saat ruudukon kaikista merkeistä, joista voit kopioida (ja helposti liittää Photoshopiin).

Tiedostot

  • 07-Entypo.dmg