În acest ecran final de construire a subsolului, lucrăm la subsolul jos, unde sunt zonele CodePen și ShopTalk.
Trebuie să schimbăm un pic HTML-ul odată ce am ajuns la realizarea că cele patru bucăți de-a lungul fundului (logo, text, logo, text) ar avea sens să fie o serie de elemente de blocuri în linie care sunt centrate una pe cealaltă ( vertical-align: middle;).
Ne confruntăm cu problema în care există spațiu suplimentar între elementele de blocare în linie, astfel încât să folosim dimensiunea fontului: 0; truc din acest articol.
În final, dispunem de funcționare, dar nu mă vedeți să scap în imaginile reale. Așa cum am făcut cu Photostar, creez un nou fișier Photoshop doar pentru aceste sigle de subsol. Acest lucru simplifică tratarea și actualizările viitoare ale acestor sigle. De asemenea, le fac de două ori în dimensiune și le reduc în jos, astfel încât să arate bine pe afișajele Retina. Le las în etichetele de imagine de substituent pe care le avem și funcționează excelent.
Dosare
- 74-Footer Logos.psd.zip