Bilgi içeren sekmeler CSS Şablonu

Misyon ve Vizyon bloğu, ortalanmış bir üst başlık ve “En iyi kalitemiz için bizi tercih ettiniz” başlığıyla açılır. Bu girişin altında etiketlenmiş üç sekme (Genel Bakış, Kurucu ve Misyon) alternatif bilgi panellerini düzenler. Genel Bakış paneli önizlemede aktiftir ve kalın yazılmış bir alt başlığı takip eden iki paragraf içerir. Kurucu ve Misyon aynı sekme grubu içinde ayrı paneller olarak yer alırken Misyon paneli “ürün değerlendirmesi yaz” butonu barındırır. Açık gri arka plan, beyaz içerik paneli, lavanta rengi aktif durum, siyah tipografi ve cömert boşluklar bölümün görsel kimliğini oluşturur.

Lavanta Rengi Sekmeler ve Beyaz Panel Bölümün Görsel Sistemini Belirliyor

Açık gri bölüm arka planı, ortalanmış “Misyon ve Vizyon” girişi ve öne çıkan “En iyi kalitemiz için bizi tercih ettiniz” başlığı için dingin bir zemin oluşturur. Bunun altında yer alan üç sekmeli kontrol, aktif durumu belirtmek için lavanta rengi bir arka plan kullanırken inaktif sekmeler açık renkte kalır. Bu kontrast, başka bir büyük dekoratif ögeye gerek kalmadan gezinmeye net bir görsel işaret kazandırır.

Beyaz içerik paneli, seçilen bilgiler için dengeli bir alan sunar. Önizlemede Genel Bakış etkindir ve iki paragrafla birlikte kalın yazılmış bir giriş alt başlığı sunar; Kurucu ve Misyon panelleri ise aynı düzenli sekme sisteminin parçası olarak kalır. Misyon paneli ayrıca “ürün değerlendirmesi yaz” butonu içererek bu duruma belirgin bir eylem alanı kazandırır.

Bir CSS Şablonu uyarlamasında faydalı stil kararları; soluk dış arka plan ile beyaz panel arasındaki ilişki, ortalanmış başlık hiyerarşisi, sola hizalanmış panel metni ve sekme satırı etrafındaki boşluk düzenidir. Bu kurallar, bölümün mevcut içerik yapısı korunarak daha da geliştirilebilir. Aktif sekme rengini, panel dolgusunu, metin kontrastını veya sekme boşluklarını ayarlamak, üç bilgi alanını birbirinden kopuk bloklara dönüştürmeden vurguyu ve okunabilirliği güçlendirir.

Nicepage ile özelleştirin

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.

İndir

Şablonu Çevrimdışı Düzenleyin

1. Windows ve Mac için Nicepage uygulamasını indirin ve yükleyin. Veya indirme sayfası adresinden WordPress ve Joomla eklentilerini yükleyin.
2. Yeni bir sayfa oluşturun veya mevcut olanı seçin
3. Yeni blok ekle'yi tıklayın, kimliği arayın 1423028 ve enter tuşuna basın

Şablonu Çevrimiçi Düzenleyin

Bu şablonu Çevrimiçi Oluşturucu barındırıcımızda başlatın

Harika Web Siteleri Oluşturun

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Ücretsiz Nicepage Builder

15.000'den fazla Şablon

Kolay Sürükle-Bırak

Kodlama Yok

Mobil Uyumlu

Anahtar kelimeler

Bu Şablonu CSS ile Özelleştirin

Sayfaya Özgü Stil Kontrolü

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.

Gerektiğinde Özel CSS Ekleyin

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.

Sayfa Başına Minimum CSS Dışa Aktarma

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.