Altbilgiyi oluşturmanın bu son ekran görüntüsünde, CodePen ve ShopTalk alanlarının olduğu alt altbilgi üzerinde çalışıyoruz.
Alttaki dört parçanın (logo, metin, logo, metin) birbiri üzerinde ortalanmış bir dizi satır içi blok öğesi olacağının farkına vardığımızda HTML'yi biraz değiştirmeliyiz ( vertical-align: middle;).
Satır içi blok öğeler arasında fazladan boşluk olduğu sorunuyla karşılaşıyoruz, bu nedenle yazı tipi boyutunu kullanıyoruz: 0; bu makaleden aldatmaca.
Sonunda düzeni çalışır hale getiriyoruz, ama gerçekte beni gerçek görüntülerde görmüyorsunuz. Photostar'da yaptığımız gibi, sadece bu altbilgi logoları için yeni bir Photoshop dosyası oluşturuyorum. Bu sadece bu logolarla uğraşmayı ve gelecekteki güncellemeleri kolaylaştırır. Ayrıca Retina ekranlarda iyi görünmeleri için onları 2x boyutunda ve küçültüyorum. Onları sahip olduğumuz yer tutucu resim etiketlerine bırakıyorum ve harika çalışıyor.
Dosyalar
- 74 Altbilgi Logos.psd.zip