19 Mayıs 2009 Salı

Blogger CSS Yapısı

Genel olarak düşünürsek Blogger Temaları 5 ana bölümden oluşur.

  1. HTML'in olduğu bölüm.
  2. Title tagları ve metataglar.
  3. The third part is peculiar to the beta template and is where the Variable Definitions are defined.
  4. CSS'nin olduğu kısım.
  5. Websayfasının Body kısmının yer aldığı alan. Burası HTML'ni önemli bir rol aldığı alandır. Ayrıca 5. kısım <body> ve </body>tagları arasında yeralır.

    4. kısımda belirttiğimiz CSS temanın aşağıdaki alanları arasında belirlenir:

    <b:skin><![CDATA[/*
    ve

    ]]></b:skin>
    </head>

    Burada backround arka planı değiştirmekten tutunda, fontlar ile ve genel yapıl üzerindeki değişiklikler yapabilir siniz. Renkleriniz ve linklerinizin yapısı da buradan belirlenir. Ayrıca burada blogunuzdaki grafik elementlerini tanımlayabilirsiniz.
    Bir Örnek;

    body {
    background:$bgcolor;
    margin:0;
    color:$textcolor;
    font:x-small Arial;
    font-size/* */:/**/small;
    font-size: /**/small;
    text-align: center;
    }
    Yukarıdaki örneğimiz temamızın body kısmındaki özellikleri tanımlar. Yani bütün web sayfamızın body kısmını ve ayrıca bu kod içerisinde margin, yazırengi, yazı hizalama, font, font büyüklüğü gibi alanları tanımlıyoruz. Bunun dışında arkaplan rengi tanımlayabileceğimiz birçok özellik var.
Blogger Etiketleri: , , ,

2 yorum: