V tem zadnjem predvajanju zaslona gradnje noge delamo na spodnji nogi, kjer sta področji CodePen in ShopTalk.
HTML moramo nekoliko spremeniti, saj smo prišli do spoznanja, da bi bili štirje deli na dnu (logotip, besedilo, logotip, besedilo) smiselni kot niz vrstnih elementov blokov, ki so centrirani drug na drugega ( vertical-align: middle;).
Naletimo na težavo, kjer je med elementi vstavljenega bloka dodaten prostor, zato uporabimo velikost pisave: 0; trik iz tega članka.
Na koncu postavitev deluje, vendar dejansko ne vidite, kako bi padel na prave slike. Kot smo storili s programom Photostar, tudi za te logotipe novic naredim novo datoteko Photoshop. To preprosto olajša obravnavo in lažje prihodnje posodobitve teh logotipov. Naredim jih tudi 2x in jih pomanjšam, tako da dobro izgledajo na Retina zaslonih. Spustim jih v oznake za nadomestne slike, ki jih imamo, in deluje odlično.
Datoteke
- 74-nožni logotip.psd.zip