В тази последна скринкаст за изграждане на долния колонтитул работим върху долния долен колонтитул, където са областите CodePen и ShopTalk.
Трябва да променим малко HTML, когато стигнем до осъзнаването, че четирите парчета по дъното (лого, текст, лого, текст) би имало смисъл да бъдат поредица от вградени блокови елементи, които са центрирани един върху друг ( vertical-align: middle;).
Сблъскваме се с проблема, при който има допълнително пространство между вградените блокови елементи, така че използваме размера на шрифта: 0; трик от тази статия.
В крайна сметка оформяме оформлението, но всъщност не виждате как падам в реалните изображения. Както направихме с Photostar, създавам нов файл на Photoshop точно за тези лога на долния колонтитул. Това просто улеснява работата с тях и бъдещите актуализации на тези логотипи. Също така ги правя два пъти по размер и ги намалявам, така че да изглеждат добре на дисплеите на Retina. Пускам ги в маркерите за изображения на заместители, които имаме, и работи чудесно.
Файлове
- 74-Footer Logos.psd.zip