[MCTR - 1.6] MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı + Resimli + Detaylı Anlatım

[MCTR - 1.6] MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı + Resimli + Detaylı Anlatım - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Grafik & Tasarım Ders Deposu (https://mybbdepo.com/grafik-tasarim-ders-deposu-forumu)
+---- Forum: Tema Yapımı (https://mybbdepo.com/tema-yapimi-forumu)
+---- Konu Başlığı: [MCTR - 1.6] MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı + Resimli + Detaylı Anlatım (/mybb-1-6-cift-2-bloklu-tema-yapimi-resimli-detayli-anlatim-konusu.html)

MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı + Resimli + Detaylı Anlatım - 007combatant - 22-12-2011

MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı + Resimli + Detaylı Anlatım
Merhaba arkadaşlar;
Bu konumuzda, çift-2 bloklu mybb tema nasıl yapılır, hangi kod'lar gerekli ve hangi kod'lar, hangi şablona eklenicek, detaylı bir şekilde sizlere anlatmaya çalışayım.
Buyrun sözü fazla uzatmadan bana göre MyBB tarihine geçicek olan bu anlatımı hep birlikte temalarımıza uygulamaya geçelim.

İlk önce şunu belirtmeliyimki; Bu yöntem yani çift-2 bloklu tema yapımı dilediğiniz; MyBB 1.4'ün tüm temalarıyla uyumludur,yani alt tarafta vermiş olduğum kod'lar ister mybb default temasında, isterseniz'de her hangi bir tema üzerinde uygulayabilirsiniz.

Makale-Not

Ek Not: Aynı zamanda ''MyBB 1.6'' temaları içinde anlatımda ki işlemler aynı olup sorunsuzdur.

Dikkat-Uyarı-Kural

Uyarı: Anlatım tamamen MyBB default teması üzerinde yapılmış olup,özel veya özelleştirilmiş temalarınızda sadece eklenmesi gereken kodları ekleyiniz,aksi halde kullandığınız tema üzerinde denemeye kalkarsanız temanız bozulabilir.!

İ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:

.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:

font-size: 8pt;

Bu kod'la yazı boyutunu ayarlarsınız.

Örnk 2:

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:

<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:

<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:

<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:
resim

(çift-2 bloklu mybb tema ekran görütüsü:1)
resim

(çift-2 bloklu mybb tema ekran görütüsü:2)

Dikkat-Uyarı-Kural

Hatırlatma: Anlatım tamamen MyBB default teması üzerinde yapılmış olup,özel veya özelleştirilmiş temalarınızda sadece eklenmesi gereken kodları ekleyiniz,aksi halde kullandığınız tema üzerinde denemeye kalkarsanız temanız bozulabilir.!

Dediğim gibi anlatım gayet açık ve net'tir dikkatli bir şekilde okuyup uyğularsanız sorun yaşamazsınız; şayet sorun yaşarsanız'da biz her zaman burdayız; konu ile ilgili soru veya sorunlarınızı Bu başlık alttından bizlere bildirebilirsiniz. Kolay Gelsin Göz kırpma

Kaynak: www.mybb.com.tr