MyBB Depo Forum

Orjinalini görmek için tıklayınız: JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin)
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Merhaba Arkadaşlar

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

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

resim

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.

Kurulum-İnstall 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 Olacakresim



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

Jquery dosyası

Kod:
http://community.mybb.com/attachment.php?aid=17719
Nasıl Birşey Caps Varmı ?
Eneeeeee ne güzelmiş Açık Ağızlı Gülümseme
MyTabs'da oluşan daha önce ki eklenti açığı yüzünden güven sorunu vardı bu yol oldukça iyi olmuş.
Teşekkürler Emre Gülümseme
Yok yav çalışmadı üzgün
kodları önce not defterine sonra sitenize ekleyerek deneyin