Tam genişlikteki kaleci fotoğrafı bu bölümün görsel alanını belirlerken iki beyaz başlık üzerinde okunaklı bir katman oluşturur. “Kulübümüze katılın” destekleyici bir davet niteliği taşır, “futbol” ise ana tanımlayıcıyı sunar; böylece tipografi bağlantısız metinler gibi durmak yerine kendi içinde belirgin bir düzen sergiler. Monokrom görünüm görselin mesajla yarışmasını önlerken, kalın beyaz yazı karakterleri hareket odaklı arka plan üzerinde sözcüklerin rahatça okunabilmesi için yeterli kontrast sağlar.
Bir CSS Şablonu açısından en önemli stil ilişkileri bu bloğun içindedir: görsel düzenleme, metin rengi, yazı boyutu hiyerarşisi, kalınlık, hizalama ve sol alttaki metin grubunun etrafındaki boşluklar. Bu özellikleri değiştirmek, futbol görselini kaldırmadan veya bölümün tanıtım amacını saptırmadan vurguyu farklılaştırabilir. Sol alt hizalama ayrıca bloğun daha geniş bir sayfada kullanıldığı durumlarda komşu bölümlerle uyum sağlayabilecek tutarlı bir kural sunar.
Nicepage'in biçimlendirme araçları bloğun tipografisini, arka planını, boşluklarını ve hizalamasını düzenlemeyi destekler. Görsel veya metin için daha özel bir kural gerekirse, mevcut iki başlıklı yapı korunarak Özel CSS ile stil genişletilebilir.
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.