JQuery ile Sekmeli Forum (Forumlarınızı Sekmeyle Gösterin)

[EmreKarakaya]

MyBB - JQuery ile Sekmeli Forum Yapımı (Forumlarınızı Sekmeyle Gösterin)
Merhaba Arkadaşlar

Eklenti Yapımcısı:Joey_Pham423
Eklenti Güvenlimi ?: Güvenli
Eklenti Versiyonu: Örnk; 1.0
Test Durumu: Denemiştir-sorunsuz
Uyumlu Olduğu Sürüm-(ler): MyBB - 1.6.x

Forumu Sekmeler yardımıyla kategorilendir.Ayrıntı İçin Resme Bakın



Eklenti My Tabs ile aynı işlevi görüyor.Ancak mytabsdan daha basit ayrıca mytabs daki gibi türkçe karakter sorunu yok.

Eklenti Kurulumu:

Öncelikle Admin Paneli-Temalar & Şablonlar-Şablonlar-Kullandığınız Tema-Forum Bit Şablonlar-forumbit_depth1_cat şablonuna giriniz.En baştaki kodu ikinci satıra taşıyıp Aşağıda verdiğim kodu en başa(1.Satıra) ekleyin

Kod:

<div id="cat_{$forum['fid']}" class="content">

Bunuda en sona ekleyiniz.

Kod:

</div>

Kısaca Şablon Böyle Olacak



Daha Sonra Ana Sayfa - [index] Şablonlar-index şablonuna giriniz ve aşağıdaki kodu bulunuz

Kod:

{$forum}

Üstüne Ekleyin

Kod:

<script type="text/javascript" src="jscripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$.noConflict();
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('.tab').click(function(){
$('.at').removeClass('at');
$(this).addClass('at');
$('.content').slideUp();
var catshow = $(this).attr('rel');
$('#'+ catshow).slideDown();
});
});
</script>
<table border="0" width="100%" class="tborder" cellpadding="4" cellspacing="0" style="margin-bottom: 3px;">
<tr align="center">
<td class="tcat at tab" title="Category 1" style="cursor: pointer;" rel="cat_1">Category 1</td>
<td class="tcat tab" title="Category 4 &amp; 6" style="cursor: pointer;" rel="cat_4, #cat_6">Category 4 &amp; 6</td>
<td class="tcat tab" title="Category 9" style="cursor: pointer;" rel="cat_9, #cat_11">Category 9</td>
</tr>
</table>

Daha Sonra Temalar-Kullandığınız Tema-global.css açınız ve Gelişmiş Düzenleye tıklayınız.Açılan kodların en altına yani en sonuna

Kod:

.at {
    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

#cat_4{
display: none;
}

#cat_6{
display: none;
}

#cat_9{
display: none;
}

#cat_11{
display: none;
}

Peki Kategorileri Nasıl Ekliyeceğiz.Çok Basit İndex şablonuna eklediğimiz kodların arasında

Kod:

<td class="tcat at tab" title="Category 1" style="cursor: pointer;" rel="cat_1">Category 1</td>

kodunu bulalım ve düzenleyelim

<td class="tcat at tab" title="Category 1" style="cursor: pointer;" rel="cat_1">Category 1</td>


Rengine Boyanmış kısımda mouse sekmeye gelince belirecek yazıdır
Rengine Boyanmış Kısımda Kategori İdsi yani numarası
Burada Sayfada Ne Adla Görüneği düzenlenir

Sorularınız Olursa Konu Altından Sorabilirsiniz.

İyi Akşamlar

[S.G]

Hocam teşekkürler, yanlız bunun jquery-1.3.2.min.js dosyası nerde ?

[EmreKarakaya]

Kusura Kalmayın buyrun burada

Kod:

http://community.mybb.com/attachment.php?aid=17719