Kitaplık CSS Şablonları

Kitap Koleksiyonları İçin Hizalı Kalan Kitaplık CSS Şablonları

Bir kitaplık kapağı ancak stil onu bir arada tuttuğunda düzenli görünür. Sert kapaklı kitapların taramaları, karton kapaklı kitapların fotoğrafları ve eski baskılar asla aynı boyutta olmaz ve bir kitaplık şablonu, başlıkları ve yazar adlarını altta okunabilir halde tutarken bunları tek bir çerçevede tutmalıdır.

Kapak Resimleri Düzensiz Oranlarda Gelir

Kitap resimleri nadiren aynı orana sahiptir. Yeniden basımlar kısa, sanat eserleri içeren bir cilt neredeyse kare, taranmış bir klasik ise üstten kırpılmış olabilir. Eşit kart boyutları size eşit kapaklar vermez ve bu boşluk bir rafın düzensiz görünmesine neden olur. Kapak alanında sabit bir "en boy oranı" ve görüntünün doldurmasına izin veren bir "nesne sığdırma" kuralı, her kartı aynı yükseklikte tutar ve resmi kenarlardan gerdirmek yerine kırpar.

Uzun başlıklar diğer hizalama sorununu yaratır. Bir kapağın altında iki satır metin ve bir sonrakinin altında dört satır metin, yazar adlarını satır boyunca farklı yüksekliklere iter.

Birkaç stil kararı, bir kitap koleksiyonunun görsel yükünün büyük bir kısmını taşır:

• Kapak alanı için sabit bir oran, böylece kısa bir yeniden basım ve uzun bir sanat eseri aynı alanı kaplar;

• Başlıklarda satır sınırlaması, yazar satırını her kartta aynı yükseklikte tutar;

• Gruplar arasında geniş boşluklar, böylece yeni çıkanlar ve personel seçimleri ayrı raflar olarak okunur;

• Bir derecelendirmeyi veya tek satırlık bir özeti gösteren bir fareyle üzerine gelme durumu.

Nicepage, bunların çoğunu görsel kontrollerinde halleder ve Izgara öğesi sütunları ve boşlukları ayarlar.

Dar Ekranlarda Izgara Sütunları Küçülür

Geniş bir ekran, uzun bir kapak sırasını rahatça barındırır. Aynı sıra bir telefonda genellikle bir veya iki sütuna düşer ve bu uç noktalar arasında ne olduğunu her Duyarlı Modda kontrol etmekte fayda vardır.

Kapağı, başlığı ve yazarı her genişlikte okunabilir tutun. Tür etiketleri ve baskı notları küçük ekranlarda küçülebilir, çünkü bir okuyucu telefonda bir rafı tararken önce sanat eserine bakar. Kişisel bir kütüphane, her kapağın aynı zamanda bir ürün olduğu bir kitapçı seçkisine göre daha fazla yoğunluğa izin verir.

Tek Bir Raf İçin Özel Kurallar

Bazen bir grup, standart kontrollerin sunmadığı bir şeye ihtiyaç duyar; örneğin ödül kazananlar için altın çerçeve gibi. Nicepage, tek bir öğe, tek bir sayfa veya tüm site için Özel CSS kontrolleri desteği sunar ve bu tür istisnaları kapsar.

Bir şablonu en yoğun rafına göre değerlendirmek, demo ana ekranından daha fazlasını gösterir. En uzun başlığınızı, en kötü kapak taramanızı ve yayınladığınız en büyük grubu yükleyin, ardından satırların hala hizalanıp hizalanmadığına bakın.