kodlar etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
kodlar etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

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

blogcu şablonuna banner kodu örnegi





şablonda burayı bulun.hemen altına


resimde mavi renkle gösterdigim kodu yapıştırın



alta da banner kodunuzu yapıştırın banner kodunuzuarkadaşların alması için altına kutucuk oluşturmak gerekir.







sayfamdan aldıgınız banner kodunu mavi renkli yerden sonra yapıştırınca kutucuk için alta bir daha banner kodunuzu yapıştıracagız.ama kodun önune resimdeki kırmızı renkli <*textarea readonly*> kodunu koyun.banner kodunu koyun.en son <*/textarea*>


bu kodu koyun.arkadaşların banner kodunu almaları için kutunuz hazır.yıldızları siz kaldırın.ben şimdi kutu oluşmasın diye koydum. bu anlatım mintinin şablonu için örnek.

şablonda ortalama kodu


şablon uzerine konan başlık resimleriniz köşelere kayıyor,ortalayamıyor musunuz.


resmin kodunu aldınız.şablona yapıştırdınız.kodun hemen önune aşagıdaki kodu yazın.bu kod neyin önune gelirse gelsin ortalama kodudur.ama yıldızları kaldırın.ben kod oluşup burayı da ortalamasın diye koydum





*<*center*>* buraya resminizin kodu gelecek

şablon için gerekli kodlar


RESMİNİZİN KODUNU KUTUCUK İÇİNE ALMAK



<*br><*textarea readonly> banner kodunuz buraya <*/textarea>



bu kodun üstüne kodunu vereceğiniz resmin kodunu yazacaksınız.banner kodu buraya yazısının yerine yine resminizin kodu yazılacak.yalnız yıldızları silmeyi unutmayın.ben kodu alabilmeniz açısından kutucuk oluşmasın diye yıldız koydum aralara.





resme kutucukla kod vermek yukardaki kod.yıldızları sil.kodun üstüne banner kodu yazılacak













YAZINIZA LİNK KODU



<*a href="Buraya Yönlendireceğiniz Adres Yazılacak" target*="*_blank"*><*font color*=red>*Buraya Açıklama Yazılacak*<*/a>



red yazan yer renk olarak kırmızıdır.siz istediğiniz rengi kullanın.örneğin blue yazın mavi link olsun.green yazın yeşil,pink pembe vb...renk kodlarından da yararlanabilirsiniz.yıldızları silin.kodu yıldızsız kullanın.



BU KODLA istediğiniz yazınıza istediğiniz linki verip adres gösterebilirsiniz.açıklama diyen yere kişileri o adrese yönlendirecek bir açıklama girerseniz tıkladıklarında tam da o adresin içine düşerler.



örnek :SİTENE DUYURU PANOSU ekle





KAYAN YAZI KODU



<*marquee*>yazı buraya<*/marquee*>



Yıldızları kaldırmayı unutmayın.istediğiniz yazıyı buraya diyen kısma yazıp şablonunuzda istediğiniz yere yapıştırın.alttaki kodu da kopyalayıp yapıştırabilirsiniz