Skew – Ücretsiz Web Sitesi Tasarımı

Bu ve bundandan sonra Ücretsiz Web Sitesi Tasarımı başlığı ile yaptığım bazı işleri paylaşacağım. İlk olarak Skew adını verdiğim temayı beğeninize sunuyorum. Tek sayfadan oluşan bu tema mobil uyumlu ve oldukça küçük boyutlarda aynı zamanda düzenlemesi bir o kadar kolay.

Demo

Öncelikle temayı indirmek için aşağıdaki linke tıklayın.
Ücretsiz Web Sitesi Tasarımı – Skew

Şimdi gelelim içeriğine ve düzenlenmesine

Tema içinde 3 hazır renk ve 4 hazır font seçeneği mevcuttur.

Skew temasında renkleri ve fontları değiştirmek oldukça kolay indirdiğiniz dosyayı zipten çıkardıktan sonra “assets/css/tema.css” dosyasını bir text editör ile açın.

Font için

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900&subset=latin,latin-ext");
.tasiyici *{
    font-family: 'Source Sans Pro', sans-serif;
}

Yukarıdaki içeriği değiştirerek istediğiniz fontu kullanabilirsiniz.
Google Fonts bu konuda çok işini görücektir.

Renkler için

body{background-color: #BEEBF4;}
.ana-renk{background-color: #69D2E7;}
.sosyal li a:hover{color: #5da5ba;}
.down{
    color: #ffffff;
    background-color: #5da5ba;
}
.down:hover{
    background-color: #508a9f;
}

Yukarıdaki bloğu istediğiniz renkler ile değiştirebilirsiniz.
Uygun renk kullanımı için Web Sitesi Renk Uyumu adlı makalemi okuyabilir veya Colourlovers‘dan hazır renkleri kullanabilirsiniz.

Skew teması hakkında destek ve geri bildirimlerinizi bu yazı altından yapabilirsiniz.

Faydalı olması dileğiyle…

3 Comments

Add a Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir