MyBB Destek Forumu

Orjinalini görmek için tıklayınız: MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı + Resimli + Detaylı Anlatım
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3 4 5 6
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-
stylenone;
    
margin0;
    
padding0;
    
    
font-size8pt;
}

.
forum_iki_blok li {
    
width50%;
    
floatleft;

Ü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:
mybb_tema_2_blok.png
(çift-2 bloklu mybb tema ekran görütüsü:1)
mybb_tema_cift_blok.png
(ç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ırp
ellerinize sağlık,uygulayacaklar için büyük nimet.
ben kullanmayacağım ama.
tekrar ellerinize sağlık.
Güzel yorumun için teşekkür ederim firstbey,haklısın umarım bu paylaşımım değer görür.
teşekkürler ben bu şablonlarımda değişiklik yaptığım için kodları süzerek yapıcam biraz yğraştırıcak ama olsun
Hiç uğraşmanıza gerek yok Global Css kodlarını olduğu gibi kopyalayınız diğer 2 şablon için ise alttaki kodu ismini vermiş olduğum şablonlarda gerekli yerlerine eklemeniz yeterli olucaktır..

Kod:
<td class="trow2"><ul class="forum_iki_blok">{$forums}</ul></td>
biraz flood gibi oldu ama sanırım bu yanlış çünkü forumbit _depth1_cat yetmiyor bu benim bildiğim kadarıyla sadece alt forumları 2 li yapıyor forumbit_depth_2 kodlarını eklemeyi unuttunuz herhalde
Kusura bakmayın dedimya işler yoğun olunca insan bazen böyle hatalar yapabiliyor gerekli kodları konuya ilave ettim bilginiz olsun ..

Konu güncellenmiştir.!
Sayfalar: 1 2 3 4 5 6