Promosyon Planları CSS Şablonu

Promotion Plans bloğu, bir başlığı ve destekleyici paragrafı tam genişlikteki bir karşılaştırma tablosunun üzerinde ortalar. Enterprise, Advance ve Starter adını taşıyan üç sütun; 900 $, 700 $ ve 300 $'lık plan fiyatlarını beş karşılaştırma satırıyla birlikte sergiler. Onay işaretleri ve tireler, aralarında Support 24/7 ve Certificate satırlarının da bulunduğu seçili koşulları birbirinden ayırır. Üç adet yuvarlatılmış «Plan seç» butonu tabloyu tamamlar. Koyu gri tipografi, pembe ve yeşil başlık alanları, orta sütundaki açık renkli vurgu, ince ayırıcılar ve cömert beyaz alan, sunulan promosyon seçeneklerini karşılaştırmak için net bir görsel düzen oluşturur.
İD : 87393   |   Kategori : Tablo

Renkli Plan Başlıkları Karşılaştırma Tablosuna Yön Veriyor

Koyu gri başlık ve ortalanmış giriş metni, tablo başlamadan önce dengeli bir görsel başlangıç noktası sunar. Hemen altındaki dört sütunlu düzenleme, karşılaştırmaya güçlü bir yatay düzen kazandırır: bir sütun karşılaştırılan koşulları sıralarken; Enterprise, Advance ve Starter planlarının her birine ayrı birer alan ayrılır. Koyu gri, pembe ve yeşil tonlarındaki renkli başlık alanları, temel fiyat içeriğini değiştirmeden üç seçeneğin birbirinden kolayca ayırt edilmesini sağlar.

Orta sütunun arkasındaki açık renkli vurgu Advance planını öne çıkarırken, ince ayırıcılar beş karşılaştırma satırının tam genişlik boyunca rahatça okunabilmesini sağlar. Renkli fiyatlar, onay işaretleri ve tireler, dahil edilen koşullar için kompakt bir görsel anlatım sunar. Özellikle Support 24/7 ve Certificate maddeleri Enterprise ve Advance için açıkça sunulurken Starter için farklı biçimde işaretlenmiştir; kontrast ve boşluklar, sembollerin ait oldukları plan etiketlerinden görsel olarak kopmasını önler.

Bir CSS Şablonu uyarlaması olarak bu blok, temel olarak şu görsel ilişkileri yönetmeye odaklanır: başlık renkleri, sütun vurgusu, boşluklar, kenarlıklar, buton konturları ve metin kontrastı. Nicepage, standart stil kontrolleri istenen görünümü tam olarak karşılayamadığında karşılaştırma iskeletini ve üç plan eylemini koruyarak hedefe yönelik Özel CSS kullanımını destekler.

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.

Ş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 87393 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 Plugin WordPress
Windows Application Windows App
Joomla Plugin Joomla
Mac OS Application Mac OS App
HTML5 HTML5
Online Builder 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.

Nicepage editöründe özel CSS ve öğe stillendirme seçenekleri