BizimBOARD Face
BizimBOARD Twitter
BizimBOARD Youtube

Nasıl smf tema yapabilirim ???
Okunma 299
Yorumlar 0
Konuyu Oyla:
  • Derecelendirme: 1/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Konuyu Okuyanlar: 1 Ziyaretçi
#1
Öncelikle kardeşim Allah (C.C) niyetlerini halis eylesin soruyu fussilet kardeşimize sormuşun ama bende kardeşime bir kaç ipucu verim dedim...İnşallah yararlı olur Fussilet kardeş gelince herşeyi tam anlatıcaktır....

Şu hususu bilmen gerek kardeş öğrenmek istiyorsan her yolu denemen gerek örk: vericek olursak her hangi yapılmış bir temayı indirip nasıl yapıldığına bakabiliriz...Örk elimde Big Grinzinerstudio Smf temanın x-mas teması var....

İndex.template.php dosyasını açıyoruz <body> kısımdan başlıyoruz... function template_main_below() koduna kadar üst ve orta bölge diyebiliriz...alt kısım ise ondan sonradır...

Öncelikle kardeşim sorunda html templateyi nasıl smf yaparım demişsin ben kısaca açıklıyam....

Örk elimizde bir table ile yapılmış temamız var ...bunu direk yerleştirebilir ama daha prof..olması için div , class , span kodlarından yararlana biliriz.(Tablelerde nedense çok xml hatası çıkabiliyor uraşmamak için div class...vb kodlar kullanman hem forum googleda aranması hemde daha verimli çalışması için düşünülebilir...) Devam edelim inşallah ...

Örk Table Kodlarımız :

Kod:
<table width="883" height="171" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="9">
            <img src="="', $settings['images_url'], '/logo.png" width="616" height="170" alt=""></td>
        <td colspan="4">
            <img src="="', $settings['images_url'], '/header_02.png" width="267" height="14" alt=""></td>
    </tr>
    <tr>

        <td colspan="2" rowspan="6">
            <img src="="', $settings['images_url'], '/header_03.png" width="171" height="126" alt=""></td>
        <td colspan="2">
            <a href="/index.php"><img src="', $settings['images_url'], '/forum.png" width="96" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="="', $settings['images_url'], '/header_05.png" width="96" height="18" alt=""></td>
    </tr>

    <tr>
        <td colspan="2">
            <a href="/index.php?action=help"><img src="="', $settings['images_url'], '/yardim.png" width="96" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="', $settings['images_url'], '/header_07.png" width="96" height="22" alt=""></td>
    </tr>
    <tr>

        <td colspan="2">
            <a href="/index.php?action=calendar"><img src="="', $settings['images_url'], '/takvim.png" width="96" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="', $settings['images_url'], '/header_09.png" width="96" height="19" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">

            <img src="', $settings['images_url'], '/header_10.png" width="52" height="30" alt=""></td>
        <td background="', $settings['images_url'], '/search.png" width="204" height="25" colspan="2">
              <center><form action="http://www.smfgrafik.com/forum/index.php?action=search2" method="post" accept-charset="ISO-8859-9" style="margin: 0;">
                        <input type="text" name="search" value="" style="width: 120px;" />
                        <input type="submit" name="submit" value="Ara" style="width: 8ex;" />
                        <input type="hidden" name="advanced" value="0" />
                    </form></center></td>
        <td rowspan="2">
            <img src="', $settings['images_url'], '/header_12.png" width="11" height="30" alt=""></td>

    </tr>
    <tr>
        <td colspan="2">
            <img src="', $settings['images_url'], '/header_13.png" width="204" height="5" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="', $settings['images_url'], '/spacer.gif" width="616" height="1" alt=""></td>
        <td>

            <img src="src="', $settings['images_url'], '/spacer.gif" width="52" height="1" alt=""></td>
        <td>
            <img src="src="', $settings['images_url'], '/spacer.gif" width="119" height="1" alt=""></td>
        <td>
            <img src="src="', $settings['images_url'], '/spacer.gif" width="85" height="1" alt=""></td>
        <td>
            <img src="src="', $settings['images_url'], '/spacer.gif" width="11" height="1" alt=""></td>
    </tr>
</table>

Böyle bir kod olabilir ama direk yapmak istersen benim işimle hiç uraşmadan.....

<body>; kısımdan sonra hemen echo ' keleyip <div id="boyut"> derim ve style.css'me geçer direk

#boyut {
width: 883px;
margin: 0 auto;
padding: 0;
}
evet bide kardeşim div ekledimizde style.css'de # ile başlarız...class la yapdığımızda . ile başlarız ne yararı var dersen kardeşim şöyle <div id="boyut" class="arkaresim"> aynı anda kullana biliriz....

height yazmaya gerek duymadım çünkü div kodlarıyla tamamlıcaz kardeşim...Sonra O Kesdiğimiz resimler yerine direk arka plana resim yerleştirim.... <div id="boyut"> hemen altına <div id="arkaplan"> deriz sonra style.css mize geçer tekrar

#arkaplan {
background: url(images/arkaplan.jpg) 50% 0 no-repeat;
position: relative;
height: 305px;
width: 970px;
margin: 0 auto;
}
jpg'yi png , gif, vb... yapabiliriz..Arka plan resmin büyüklüğünü genişliğini yaparız....

Kardeşlerim eklediğimiz div kodlarını sonradan kapatmalıyız...Örk bir tema boyurt yaptıysak hemen değilde sonuna eklemeliyiz...şöyle </div> diye inşallah bakarsanız yapılmış temalara göreceksiniz......


Bul
Cevapla


Hızlı Menü: