09-01-2015, 04:34 AM
![makale.png](http://destek.mybb.com.tr/images/smilies/makale.png)
![dikkat.png](http://destek.mybb.com.tr/images/smilies/dikkat.png)
İlk önce uygulamayı yapıcağınız temanın Global Css kalıplarını açıyoruz;
Global Css Kalıplarına eklenicek kod:
PHP Kod:
Kod:
.forum_iki_blok {
list-style: none;
margin: 0;
padding: 0;
font-size: 8pt;
}
.forum_iki_blok li {
width: 50%;
float: left;
}
Üsteki vermiş olduğum kod'ları Global Css'nin en sonuna ekliyoruz.Vermiş olduğum kod'daki değerli dilediğiniz gibi kendinize göre düzenliyebilirsiniz.
Örnk 1:
Kod:
Kod:
font-size: 8pt;
Bu kod'la yazı boyutunu ayarlarsınız.
Örnk 2:
Kod:
Kod:
width: 50%;
Bu kod'umuzlada çift-2 blok genişlik ayarını yapabilirsiniz. Benim vermiş olduğum Css kod'ları ise orijinal ayarlarına göre yapılandırılmıştır.
Evet şimdi Global Css ile işimiz bitti,geçelim şablonlardaki eklenmesi gereken kod'larımıza.
Şimdi yine uygulamayı yaptığınız tema'nın Forum Bit Şablonlar'dan /forumbit_depth1_cat şablonunu açınız;ve alttaki kodlarımızla değişiniz.
forumbit_depth1_cat şablon'una eklenicek kod'larımız:
PHP Kod:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div>
<div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="trow2"><ul class="forum_iki_blok">{$sub_forums}</ul></td>
</tr>
</tbody>
</table>
<br />
Evet Üsteki Kod'larımı (forumbit_depth1_cat şablon'una) ekledikten sonra hemen diğer şaplonumuza geçebiliriz:
Tekrar uygulamayı yaptığınız tema'nın Forum Bit Şablonlar'dan /forumbit_depth2_forum şablonunu açınız;ve alttaki kodlarımızla değişiniz.
forumbit_depth2_forum şablonuna eklenicek kod'larımız:
PHP Kod:
Kod:
<li>
<div id="forum">
<table border="0" cellpadding="5" cellspacing="0" width="100%" id="table1">
<tr>
<td valign="top" width="30" class="trow2" align="center"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td valign="top" height="65" class="trow2" title="{$threads}{$unapproved['unapproved_threads']} / {$posts}{$unapproved['unapproved_posts']}">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>
<span class="smalltext">({$forum_viewers_text}{$threads}{$unapproved['unapproved_threads']} / {$posts}{$unapproved['unapproved_posts']})
{$subforums}</span>
<div class="smalltext">
{$forum['description']}
{$modlist}
</div>
</td>
</tr>
</table>
</div>
</li>
Devam ediyoruz:
Şimdi Forum Görüntüleme Şablonlar'dan / forumdisplay_subforums şaplonumuzu açıyoruz ve alttaki kod'larımızla değişiyoruz.
forumdisplay_subforums şablonuna eklenicek kod'larımız:
PHP Kod:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td class="thead" align="center"><strong>{$lang->sub_forums_in}</strong></td>
</tr>
<tr>
<td class="trow2"><ul class="forum_iki_blok">{$forums}</ul></td>
</tr>
</table>
<br />
Bu kodlarımızıda eklediğimize göre artık sorunsuz bir şekilde çift-2 bloklu MyBB temamız oldu demektir..
Buyrun ön izlemelerimize hep birlikte bakalım:
![mybb_tema_2_blok.png](http://www.mybb.com.tr/photo/konu_resim/mybb_tema_2_blok.png)
(çift-2 bloklu mybb tema ekran görütüsü:1)
![mybb_tema_cift_blok.png](http://www.mybb.com.tr/photo/konu_resim/mybb_tema_cift_blok.png)
(çift-2 bloklu mybb tema ekran görütüsü:2)
![dikkat.png](http://destek.mybb.com.tr/images/smilies/dikkat.png)