Benim profilim CSS Şablonu

“Hakkımda Kısaca” ve “Ben Kimim?”, düzen iki zıt alana ayrılmadan önce kişisel bir profili tanıtır. Alt kısımda, dairesel portre ve “Daha Fazla Bilgi” eylemi içeren mavi profil paneli, dört beyaz yetenek kartının yanına yerleşir. Grafik Tasarım, Web Tasarımı, Yazılım ve Uygulama alanlarının her biri bir simge, kategori başlığı ve devam bağlantısıyla temsil edilir. İkiye iki dizilimleri derli toplu bir yetenek genel bakışı sunarken alt kısımdaki renkli vurgular kartların açık gri arka planda öne çıkmasını sağlar. Ortalanmış giriş, ferah boşluklar ve dengeli bölünme bölümün profile odaklı tek bir blok olarak okunmasını sağlar.

Mavi Profil Paneli ve Renk Vurgulu Yetenek Kartları

Açık gri arka plan, alt içerik başlamadan önce “Hakkımda Kısaca” ve “Ben Kimim?” başlıklarının kişisel temayı belirlediği ortalanmış giriş bölümüne ferah bir alan sunar. Tipografi ve boşluklandırma, giriş grubunu profil ve yetenek alanından görsel olarak ayrı tutarak bu hiyerarşiyi koruyabilir. Mavi profil paneli ile beyaz kartlar arasındaki kontrast, blok içindeki temel stil ilişkisini oluşturur.

Sol panel dairesel bir portreyi, destekleyici profil metnini ve “Daha Fazla Bilgi” eylemini bir araya getirir. Sağ tarafta ise dört kart aynı temel görsel mantığı yineler: bir simge, bir yetenek başlığı, bir devam bağlantısı ve alt kısımda renkli bir vurgu. Böylece Grafik Tasarım, Web Tasarımı, Yazılım ve Uygulama tutarlı bir yaklaşımı paylaşırken özgünlüklerini korur. Bu yinelenen özellikler, içerik modelini veya ikiye iki düzeni değiştirmeden görünümü uyarlamak gerektiğinde kullanışlı CSS hedefleri oluşturur.

Bölümün biçimlendirmesi ayrıca görsel olarak baskın tek bir profil alanı ile dört daha küçük bilgi birimi arasındaki dengeyi de gözetmelidir. Arka plan tonu, kart kontrastı, vurgu renkleri, kenarlık ayrıntıları, simge boyutu ve boşluklar birbiriyle uyumlu biçimde ayarlanabilir. Standart stil kontrolleri yetersiz kaldığında Nicepage hedefe yönelik Custom CSS kodunu destekler; bu sırada bloğun kendisi yeniden kullanılabilir bir profil bölümü olarak kalır.

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