MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
007combatant avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

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


Sponsor Reklam
media venus

Çevrimdışı 007combatant
 Tarih: 22-12-2011, Saat:11:27
#1
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:
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


AlıntıKaynak: www.mybb.com.tr
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  MyBB - Youtube Tarzı Duyuru Panosu Screwy 6 2,856 28-05-2016, Saat:12:36
Son Yorum: cemsidar
  Sayfayı Yenileyince Değişen Duyuru [ Kod + Anlatım ] SiberLeon 3 1,242 02-05-2015, Saat:11:34
Son Yorum: Pirate
  Mybb Multi Color Tema Yapımı Detaylı Anlatım... ßyßurak 14 6,128 10-02-2015, Saat:12:34
Son Yorum: xPyrion
  [1.8] MyBB Konu Buton İconlarını FontAwesome Yapmak [Ders] - [1.8] ßyßurak 0 933 15-01-2015, Saat:14:23
Son Yorum: ßyßurak
  MYBB Nasıl tame çizilir ve kodlanır nasayunsu 10 2,124 29-11-2014, Saat:06:23
Son Yorum: naklow12



Konuyu Okuyanlar: 1 Ziyaretçi