Uzun Metin Bloğu CSS Şablonu

İki gövde metni paragrafı bu metin içeriği bloğunun daha geniş olan sol kısmını kaplarken, tek bir alıntı sağ tarafta daha dar bir okuma eşliği oluşturur. Bölünmüş yerleşim, ana metne mevcut alanın büyük bölümünü ayırır ve her iki içerik türünü tek bir sütunda karıştırmak yerine alıntıyı görsel olarak ayrı tutar. Beyaz arka plan, kompakt siyah tipografi, etrafındaki cömert beyaz boşluklar, italik alıntı stili ve dikey kırmızı vurgu çizgisi, bloğun yalın görsel yapısını belirler. Başlık veya etkileşimli bileşen içermeyen bu bölüm, tamamen okumaya odaklanmış statik bir düzen sunar.

Beyaz boşluk okuma sütununu alıntıdan ayırır

İki gövde metni paragrafı, bloğun sol tarafındaki birincil okuma alanını oluşturur; burada belirgin şekilde daha geniş olan sütun daha uzun açıklayıcı metinleri taşıyabilir. Sağ tarafta ise alıntı daha dar bir alan kaplar ve ilişkili ancak görsel olarak bağımsız bir ses şeklinde konumlandırılır. Bu ilişki CSS biçimlendirmesi açısından önemlidir, çünkü metin sütunu ile alıntının özdeş metin ögeleri olarak değerlendirilmek yerine farklı oranları, boşlukları ve vurguları koruması gerekir.

Beyaz arka plan ve çevresindeki geniş beyaz boşluklar bölümün ferah kalmasını sağlarken, kompakt siyah tipografi sakin bir editoryal sunumu destekler. İtalik stil alıntıya belirgin bir tipografik rol kazandırır; kırmızı dikey vurgu çizgisi ise ek bir bileşene ihtiyaç duymadan alıntıyı ana metinden ayıran ince bir görsel işaretleyici işlevi görür. Bunlar bu özel bloğa ait biçimlendirme kararlarıdır: Renk, tipografik yaklaşım, sütun genişliği, hizalama ve boşluk düzeni bir arada çalışarak bakışları uzun metinden öne çıkarılan alıntıya yönlendirir.

Bir CSS şablonu uyarlaması olarak bu blok, içeriğin metin ağırlıklı kalması ve hedeflenen görünüm kurallarıyla görsel hiyerarşinin netleştirilmesi gereken durumlar için idealdir. Nicepage, bağımsız ögelerin, bir sayfanın veya tüm web sitesinin stilini geliştirmek için özel CSS desteği sunar; ancak bloğun mevcut iki sütunlu yapısı yapılacak her türlü geliştirmenin temelini oluşturur.

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 41905 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.