Sol taraftaki yemek fotoğrafı ile sağ taraftaki müşteri yorumu paneli, bloğun temel görsel kontrastını oluşturur. Görsel koyu tonlu ve atmosferiktir; yorum alanı ise tırnak işaretine, ortalanmış metne ve değerlendiren kişinin adına ferah bir okuma alanı sağlayan beyaz bir arka plan kullanır. Bu ayrım, metni doğrudan fotoğrafın üzerine bindirmeden içeriğin rahatça okunabilmesini mümkün kılar.
“Değerlendirmeler” başlığı bölümün kimliğini belirler; büyük harfli fırın etiketi ise alıntı başlamadan önce bağlamı daraltır. Geniş serif kullanımı başlığa belirgin bir tipografik rol kazandırırken, siyah metin ve tırnak işareti açık renkli panel üzerinde dengeli kontrast noktaları oluşturur. Geniş boşluk kullanımı tek bir yorumun sıkışık görünmesini engeller ve içerik grubunun ortalanmış hizalamasını korur.
Bir CSS şablonu yorumu olarak odaklanılması gereken nokta, bu özel blok içindeki stil ilişkisidir: görselin koyuluğuna karşı panelin aydınlığı, serif hiyerarşisine karşı büyük harfli etiket ve tek bir değerlendirme çevresindeki ferah yerleşim. Bu özellikler aynı müşteri yorumu yapısı korunarak uyarlanabilir. Standart stil kontrollerinin karşılamadığı özel durumlarda Nicepage hedefe yönelik Özel CSS desteği de sunar; ancak görsel kimlik yine de görsel, panel, tipografi ve boşluk ilişkilerinden kaynaklanır.
CSS Şablon Oluşturucu kullanırken renkleri, yazı tiplerini, başlık ve fooer'ı, düzeni, sütunları ve diğer tasarım öğelerinin yanı sıra içerik ve resimleri de ayarlayabilirsiniz.
Bu hazır şablonun görsel görünümünü doğrudan Nicepage düzenleyicisinde özelleştirin. Sayfa düzenini CSS yazmadan kolayca yönetilebilir tutarken, tipografi, boşluk, arka planlar, kenarlıklar, renkler, konumlandırma ve diğer stil özelliklerini görsel kontroller kullanarak ayarlayın.
Standart düzenleyici seçeneklerinin ötesine geçen stil gereksinimleri için, hedefli kurallar eklemek üzere Özel CSS kullanın. CSS, özelleştirmenin kapsamına bağlı olarak tek tek öğelere, belirli sayfalara veya tüm web sitesine uygulanabilirken, CSS sınıfları özel kuralları seçilen öğelerle bağlamak için kullanılabilir.
CSS boyutu ve sayfa performansının önemli olduğu projeler için Nicepage, her sayfa için minimum CSS dışa aktarabilir. Tek bir büyük ortak stil dosyasına güvenmek yerine, her sayfa yalnızca o sayfaya özgü stil kurallarını içeren ayrı bir CSS dosyası kullanabilir. Nicepage belgelerine göre, bu sayfaya özgü CSS dosyaları yaklaşık on kat daha kompakt olabilir, bu da gereksiz CSS'yi azaltmaya ve sayfa yükleme performansını iyileştirmeye yardımcı olur.
Bu iş akışı, görsel stillendirmeyi isteğe bağlı özel CSS ve optimize edilmiş sayfaya özgü CSS çıktısıyla birleştirerek, bir proje gerektirdiğinde ek kontrol sağlar ve şablonu özelleştirmenin birincil yolu olarak manuel CSS düzenlemesini gerektirmez.