Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB 1.6 ÇİFT-2 Bloklu Tema Yapımı - Resimli - Detaylı Anlatım
#1
Merhaba arkadaşlar,
Bu konumuzda, Çift-2 Bloklu MyBB Tema nasıl yapılır, hangi kodlar gerekli ve hangi kodlar, hangi şablona eklenilecek, detaylı bir şekilde sizlere anlatmaya çalışayım.
Buyrun sözü fazla uzatmadan bana göre MyBB tarihine geçecek olan bu anlatımı hep birlikte temalarımıza uygulamaya geçelim.

İlk önce şunu belirtmeliyim ki; 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 kodlar ister mybb default temasında, isterseniz'de her hangi bir tema üzerinde uygulayabilirsiniz.

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

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

Örnek 1:

Kod:
font-size: 8pt;

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

Örnek 2:

Kod:
width: 50%;

Bu kodumuzla da çift-2 blok genişlik ayarını yapabilirsiniz. Benim vermiş olduğum Css kodları 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 kodlarımıza.

Şimdi yine uygulamayı yaptığınız temanın Forum Bit Şablonlar'dan /forumbit_depth1_cat şablonunu açınız ve alttaki kodlarımızla değişiniz.

forumbit_depth1_cat şablonuna eklenilecek kodlarımız:

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 Kodlarımı (forumbit_depth1_cat şablon'una) ekledikten sonra hemen diğer şablonumuza geçebiliriz.

Tekrar uygulamayı yaptığınız temanın Forum Bit Şablonlar'dan /forumbit_depth2_forum şablonunu açınız ve alttaki kodlarımızla değişiniz.

forumbit_depth2_forum şablonuna eklenilecek kodlarımız:

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 şablonumuzu açıyoruz ve alttaki kodlarımızla değişiyoruz.

forumdisplay_subforums şablonuna eklenilecek kodlarımız:

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)

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 nettir. Dikkatli bir şekilde okuyup uygularsanı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.


Kaynak: http://www.mybb.com.tr
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.

Cevapla
#2
Yararlı konu, Teşekkürler.
Ara
Cevapla
#3
Önemli değil adminim.

Kıdemli şef olmak için ne yapsak az :)
Okyanusta batan gemidir yalnızlık,
Çok derinlerdedir gücün yetmez onu oradan çıkarmaya.
Kaybolup gider daha sonra.
Kendi kendine konuşmaktır yalnızlık...
Belkide en iyi tarafıdır bu
Kendini sorgularsın, bir kez olsun çekersin köşeye nefsini hayatı anlamaya çalışırsın.

Cevapla
#4
Teşekkürler.
Takdir ediliyorsan değil, taklit ediliyorsan başarmışsın demektir ...

Bir gün ya tarih yazacağım, ya da tarih olacağım ...

█║▌│█│║▌║ █║▌│█│║▌║
© Since - SweenLuss 2014 ||
Cevapla
#5
Teşekkürler.
Ara
Cevapla


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping