Evet dostlar bu gün size Magazine Styl Drop Caps uygulamasını anlatacağım. yine nette gezinirken iki şey keşfettim. Bunlar CSS Style uygulamaları. Bunlardan biri Magazine Style Drop Caps. Bu uygulamayı beautifulbeta da HANS anlatmış. Bende size aktarmaya çalışacağım. Önce aşağıda verdiğim kodu Edit Template bölümünde şablonumuzun CSS kodlarının bulunduğu bölümde(ben comments bölümünün üstüne koydum) herhangi bir yere koyacaksınız.
.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }
daha sonra normal postunuzu herzamanki gibi yazacaksınız. Postunuzu yazıp bitirdikten sonra Compose sekmesinden EditHtml sekmesine geçip postunuzun başına aşağıdaki tagları ilave edeceksiniz, taglarınızın arasınada Postun İlk Harfini koyacaksınız. Aşğıda uygulama örneğinde de olduğu gibi.
Uygulama Örneği :
.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }
daha sonra normal postunuzu herzamanki gibi yazacaksınız. Postunuzu yazıp bitirdikten sonra Compose sekmesinden EditHtml sekmesine geçip postunuzun başına aşağıdaki tagları ilave edeceksiniz, taglarınızın arasınada Postun İlk Harfini koyacaksınız. Aşğıda uygulama örneğinde de olduğu gibi.
Uygulama Örneği :
Hiç yorum yok:
Yorum Gönder