15 Ekim 2006

MAGAZİNE STYLE DROP CAPS

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 :

0 Yorum:

Toggle

Ben Kimim

SAYAÇ


DEFA ZİYARET EDİLDİM

Shades of Teal Palette