Diyelimki smf teması yapacağız. Bu temada en temel unsur style.css dosyasıdır.Şimdi konuya dönelim..
Bir SMF Temasındaki renk düzenini deÄŸiÅŸtirmek ve tablolara yada arka plana veya herhangi bir yere resim dosyası kondurmak temanın style.css dosyasının editlenmesi ile mümkündür…Örnek olarak arka plana resim koyma ve link renkleri ve stilleri hakkında bir kod sunayım..

Kodun yalın hali bu olabilir:

body {     background-color: #ffffff;         background-repeat: repeat-x;     margin: 5px;     padding: 10px }

Bu kodu ÅŸu ÅŸekilde editlerseniz foruma arka plan koymuÅŸ olursunuz:

body {     background-color: #ffffff;     background-image: url(images/arkaplan.jpg);     background-repeat: repeat+x;     margin: 5px;     padding: 10px }

Arka plan için bir images linklendirdikten sonraki alt satırda bulunan reat+x’deki + simgesi arka planın tum sayfaya yayılmasını saglar.. - olarak kullanırsanız sadece arkaplanın boyutları kadar indexinizde gorunur…

Örneğin birde genel board linklerine renk verelim..Yalın hali bu diyelim:

a:link {     color: #ff0000;     text-decoration: none; } a:visited {     color: #ff0000;     text-decoration: none; } a:hover {     text-decoration: underline; }

Aslında kodlama bilmek demek birazda ingilizce demektir..Mesela a:link yazna yerın altındakı editler normal link görünümü..
a:visited yazan yerin altındakiler ziyaret edilmiş linklerin renginin veya eklersenız buyuklugunun,yazı tipinin,yazı karakterının editlendıgı yerdır..

style.css dosyası temanın özünü olusturur…Tüm renk duzenlerı,yazı tipleri,boyutları ve temanın bir yerlerıne tablolarına falan resım eklemek için bu dosyayı editleriz…

Şimdide temanın index.template.php dosyasını biraz editleyelım..Bununla ne gibi editler yapabiliriz?
Forum sayfamızın genel görüntüsünü oluÅŸturur…Ana sayfa butonları,erhangi bir yere link veya tenaların altında gördüğünüz copyriht editi bu dosyadan yapılır..Tekrar sölüyorum editlemek için deli gibi kod bilmek gerekmez..Biraz mantık ve ingilizce yeterlidir..

ÖrneÄŸin forumumuzun alt kısmana bir flash chat paneli kondurmak istiyoruz….index.template.php’de şöle bir edit yapıyoruz:

Şu kodların altına (genelde her smf temasında standarttır benım kullandıgım temaya göre anlatıyorum) :

</td>                 <td valign="middle" align="center" style="white-space: nowrap;">                     ', theme_copyright(), '<br><font color="white">Design by Squealer </font><a href="http://www.forumlus.com" mce_href="http://www.forumlus.com">ForumLus.Com © 2007</a>                 </td>

Şu şekilde chat kodlarımızı ekliyoruz:

<br> <center><embed src=http://www.xatech.com/web_gear/chat/chat.swf quality=high bgcolor=#000000 width=900 height=300 name=chat FlashVars="id=7134591" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xatech.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://www.xatech.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://www.xatech.com/web_gear/chat/go_large.php?id=7134591">Go Large!</a></small><br></center> <br>

Yani kısaca demek istediğim temanın genel görünümünün şablonunu bu index.template.php dosyasından ayarlıyoruz..

Åžimdide boardindex.template.php dosyalarının ne iÅŸe yaradığını nereleri editlediÄŸini inceleyelim..Bu dosya kategori tablololarının düzenlerini ayarlar…Mesela yeni mesajlar gönderen mesaj konu son mesaj tabloları…tablo yanına yenı tablo olusturmak gibi..Mesela bölümün moderatör tablosu gibi…
Mesela şimdi tablodaki en son mesajları gösteren kutucuga ufak bir resim koyalım..Genelde ok işareti koyarız..En son mesaja git manasına..

Şu kodların altına (tekrar sölüyorum standart olmayabilir):

/* The board's and children's 'last_post's have:                 time, timestamp (a number that represents the time.), id (of the post), topic (topic id.),                 link, href, subject, start (where they should go for the first unread post.),                 and member. (which has id, name, link, href, username in it.) */                 if (!empty($board['last_post']['id']))                     echo '                         <img align="left" src="', $settings['images_url'], '/post/xx.gif"/>                                                 <font style="font-size:8pt">', $txt['smf88'], ' <b>', $board['last_post']['link'], '</b></font><br />                                                  <div align="right">', $txt[525], ' ', $board['last_post']['member']['link'] , '                                                                                             ', $txt[30], ' ', $board['last_post']['time'], '<a href="', $board['last_post']['href'], '">