Bizi sosyal medyada takip edin CSS Şablonu

Bu blok, dengeli iki sütunlu bir düzende sosyal takip mesajı sunar. Sol tarafta birlikte çalışan bir grubun büyük bir fotoğrafı yer alırken, sağ sütun “Bizi Sosyal Medyada Takip Edin” başlığını, destekleyici metni ve beş platform simgesini ortalar. Açık gri arka plan ve yüksek kontrastlı siyah tipografi içeriğin net kalmasını sağlarken, eşit aralıklı dairesel simgeler sakin bir görsel ritim oluşturur. Facebook, Twitter, Instagram, LinkedIn ve Google+ harici sosyal bağlantılar olarak yer alır. Görsel ve ortalanmış içerik bir araya gelerek ziyaretçileri sosyal kanallara yönlendiren ferah bir bölüm oluşturur.

Açık Gri Alan Fotoğrafı ve Sosyal Simgeleri Bütünleştiriyor

Açık gri arka plan, bu bölüme zıt iki içerik alanı için sakin bir görsel zemin kazandırır: solda büyük dikdörtgen bir fotoğraf ve sağda ortalanmış bir sosyal takip mesajı. Fotoğrafta bir dizüstü bilgisayarın etrafında toplanmış çalışan bir grup görülür; bu da bloğun açık amacıyla yarışmadan insani bir bağlam sunar. Karşı tarafta ise siyah başlık ve destekleyici paragraf mesajı iletir, ardından eşit aralıklı dairesel simgeler harici hedefleri sunar.

Tekrarlanan simgeler, bu CSS şablonu yorumundaki temel stil grubunu oluşturur. Tutarlı dairesel tasarımları ve aralıkları, beş ayrı platformun dağınık bağlantılar yerine birbiriyle ilişkili tek bir denetim seti gibi algılanmasını sağlar. Fotoğraf görsel ağırlığı taşırken tipografi yüksek kontrastını koruyabilir; böylece bölünmüş düzen ve sağ sütunun ortalanmış hizalaması muhafaza edilir. Bu özellikler bloğu iyileştirmek için pratik stil noktaları sunar: arka plan tonu, metin kontrastı, simge aralığı, görsel oranları ve iki sütun arasındaki ilişki. Böylece bölüm, sosyal takip içeriğini veya görsel ile bağlantı grubu arasındaki net ayrımı kaybetmeden bir projenin görsel tasarımını yansıtabilir. Bu detayların ayarlanması, çevreleyen sayfa farklı bölüm stilleri kullandığında bile görsel ile bağlantı sütununun dengede kalmasını sağlar.

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