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.
Ö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…
Mobilde sıkıntılı duruyor. En alttaki buton taşmış ve sosyal medya iconları biraz daha küçültülebilirdi. Renk uyumu çok hoş eline sağlık 🙂
Bulut değerli yorumun ve uyarın için teşekkürler gerekli düzeltmeyi yaptım.
Dijital dünya büyüyor , bu dünyada herkesin yerini alması yavaş yavaş gerekiyor güzel bir platform ilk geçişlerde yararlı olucaktır. Teşekkürler 🙂