Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 1
  • 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:

i5356525_images2.jpg-k

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

i5356527_images.jpg-k

(ç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
Ara
Cevapla PGM
Teşekkür verenler:
#2
Paylaşım İçin Teşekkür Ederim.
Ara
Cevapla PGM
Teşekkür verenler:
#3
güzel paylaşım için saol
Ara
Cevapla PGM
Teşekkür verenler:
#4
(29-12-2011 Saat: 02:15)Rüzgar Nickli Kullanıcıdan Alıntı: güzel paylaşım için saol

Arkadaşlarrr Lütfen Bana ulaşınn Nolurr yalvarırım Ulaşın bana..!

Yardımınıza İhtiyacım var

Facebookum
Ara
Cevapla PGM
Teşekkür verenler:
#5
Anlatılanlara aynen uygulayn....
Tüm Destek Forumun Kuralları
Görevli Kuralları
Ücretli Mybb Tema Tasarım ve Kodlama , Bootstrap(html/css) duyarlı kodlamalar Yapılır.
Prof. Dr. MyBB Öğretmeni kaRanLık-61( Mustafa SEVİM )[ 2010-2022 => 10TL'de 12 Sene ]

İki Tarafta Zifiri kaRanLık




Mutlu Son İstiyorsan Çabalamalısın. Sadece Oturduğu Yerden Başarıya ulaşan varlık tavuktur. Bir Kurt Asla Evcilleşip Köpek Olmaz...
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



YILLARIN FORUMU / Forumcu.10TL.NeT -

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