JQuery ile Sekmeli Forum

[AdigeEmperor]

Teşekkürler paylaşım için yapan arkadaşlarımız var ise bakalım

[rayray93]

kod olarak nasıl ekledniz birşey yapacağımda :)

[Time Traveler]

kod olarak nasıl ekledniz birşey yapacağımda :)

Alıntıymış...

[firemonday12]

Örnek Olarak Buyrun Site

Alıntı Yaptığım Kisi Ftplik Anlatmıstı Dosyalarını Vermisti Bende Bunu Düz Ftpsiz Kodlu Haline Çevirdim.

[rayray93]

js dosyasını nereye yüklediniz yani koda nasıl eklediniz demek istedim ben :D

[kaRanLık-61]

js dosyasını nereye yüklediniz yani koda nasıl eklediniz demek istedim ben :D

jquery yüklediği yerden çağırmış.

[firemonday12]

js dosyasını nereye yüklediniz yani koda nasıl eklediniz demek istedim ben :D

jquery yüklediği yerden çağırmış.

Yerime Anlatığınız İçin Teşekkürler.

[firemonday12]

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: Tümünü Seç Tümünü Kopyala

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

Bunuda en sona ekleyiniz.

Kod: Tümünü Seç Tümünü Kopyala

</div>

Kısaca Şablon Böyle Olacak



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

Kod: Tümünü Seç Tümünü Kopyala

{$forum}

Üstüne Ekleyin

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript" src="http://code.jquery.com/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: Tümünü Seç Tümünü Kopyala

.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: Tümünü Seç Tümünü Kopyala

<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

Alıntıdır Sadece Js Klasörü Kod Olarak Eklenmiştir.

[kaRanLık-61]

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: Tümünü Seç Tümünü Kopyala

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

Bunuda en sona ekleyiniz.

Kod: Tümünü Seç Tümünü Kopyala

</div>

Kısaca Şablon Böyle Olacak



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

Kod: Tümünü Seç Tümünü Kopyala

{$forum}

Üstüne Ekleyin

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript" src="http://code.jquery.com/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: Tümünü Seç Tümünü Kopyala

.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: Tümünü Seç Tümünü Kopyala

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

kodunu bulalım ve düzenleyelim