6 Temmuz 2010 Salı

3kolonlu blogcu şablonu nasıl duzenlenir








3 kolonlu şablonların sizler için gerekli bölumlerini anlatalım.ust resimde altına kurdele koydugum yer şablonda blog adının yazılacagı yerdir.







ustteki resimde yıldız koydugum bolum scrollbar renkleri.burayı şablon renginize uygun renklerle degiştirebilirsiniz.kırmızı daire koydugum bolum şablonunuzun arka plan rengidir.begendiginiz arka plan kodunu http://imageshack.us/ adresinden alıp url( den sonra yapıştırın.yani url(kod)

kalp koydugum bolum font family yani yazı stilimiz.arial,verdana ,monotype corsiva vb.yazı stilleridir.hangini istersek seçeriz.font size ile de yazı boyutunu ayarlarız.burda 17 px.siz 16-18 vb
yapabilirsiniz.







ust resimdeki color; kategorilerinizin genelde şablonda sol taraf yazılarınızın rengini,font size de bunların boyutunu duzenler.




left gordugunuz zaman sol,right ise sagdır.bu terimler şablonda karsımıza çok çıkar.mesela,width: genişlik,

height :yukseklik dir.

text-align: left;sol yazılar

text-align: right;sag yazılar

text-align: center;

Anasayfamızdaki kategoriler,yazılar hep ortalanmış bir şekilde olur.Bunun sebebi burdaki center yani ortalama kodudur.







bu 4.resimde unlem işareti koydugum bolumde url(en alt) yazan yere benim şablonun en alt kısmındaki gibi teşekkur tablosunun kodunun gelecegi yerdir.boyu burda 750-161 dir.siz ayarlama yapabilirsiniz.önce benimkine bir bakın (en alt).

bulut koydugum bolumde blog başlıgınızın rengi color yazan yer,font size de blog başlıgınızın boyutudur.

gelelim kırmızı yuz koydugum bolume.burası ziyaretçilerinizin gezdigi linklerinizin,fare ile uzerine gelinince linklerin rengini duzenler.







ust resimdeki bolum şablonunuzda yazılarınızı yazdıgınız resimlerinizi koydugunuz orta yerdir.buradaki background-image: url kısmı bu orta bolumun arka plan kodudur.border:3px double # kısmı ise buranın çerçeveli olmasını istersek #işaretinden sonra renk kodu koyarız.benimki çerçevesiz.o yuzden renk kodu koymadım.şablonda border yazısını her gördugunuzde aklınıza çerçeve gelsin.border=çerçeve dir

eger arka plan kodu koymayacaksak sadece renk kullanacaksak background-image: url bu bolumu kodu ile beraber sileriz.o zaman ustte background-color:#FFFFcc; olan kod devreye girer.ffffcc sarıdır.ben de bu var.siz dilediginiz renk kodunu kullanın.şablonda color herzaman renk demekdir.color=renk







resimdeki 1.mavili kısımdaki color ile orta kısım yazı başlık renginizi ayarlarsınız.yani hergun yazdıgınız yazılarınızın başlık rengini belirler.dilediginiz renk kodunu koyabilirsiniz.

2.mavili kısım da ziyaretcileriniz başlıga tıklayınca degişen renk dilerseniz color yazan yerden renk kodu koyarsınız.benim şablonda ziyaretci tıklasa da renk aynı oldugundan iki renk kodu da aynı.







resimde kırmızı benek koydugum yer sol kolonlardaki yazı renklerini,mavi benekli yer bu yazılara fareyle gelince aldıgı rengi ayarlar.



mor benekli yer de sag yazılar içindir.gri benekli yer bu yazılara fareyle gelince aldıgı rengi ayarlar.







resimde kırmızı oklu yer sol ve sag kolonların başlıklarının arka plan ve çerçeve rengini belirler.benim şablonda mesela sol yanda kod ekle yazılarım olan yere bakın daha kolay anlarsınız


mavi oklu yer ise kolonlardaki başlık yazılarının rengini ve boyunu duzenler.

font size=yazı boyutu

mor oklu yer ise kolonların en dış çerçeve rengini arka plan kodunu (arka plan koymak istersekbackground-image: url( );burdan kod koyarak ,istemezsek background-color:#660000;burdan renk kodu ile duzenleme yapın.daha kolay anlamak için benim kolonları inceleyin.

unutmayın.border=çerçeve,bordercolor=çerçeve rengi,color=RENK,FONt SİZE yAZI BOyU







USt RESİMDEKİ KODLAR COMMENt GORDUGUNUZ yERLER yORUM yAZ,yORUM RENKLERİNİ,BOyUNU VE ÇERÇEVELERİNİ AyARLAR ARKADAŞLAR.BUNLAR HEP ÖRNEK BİLGİLERDİR.DENEME yANILMA İLE DAHA DOGRUSUNU SİZ KENDİNİZ ÖGRENECEKSİNİZ.BENİM ŞABLON İÇİN ÖN BİLGİLERİ ŞİMDİLİK GEREKLİ KODLARI VERDİM.DEVAMI GELECEK.ŞABLONLARDA 3 OLSUN 2 KOLONLU OLSUN VERDİGİM tERİMLERİN ANLAMI DEGİŞMEZ.MESELA COLOR=RENK HER ŞABLONDA BUDUR.

ANLAMADIGINIZ yERDE BEN BURDAyIM

Hiç yorum yok:

Yorum Gönder