MyBB Depo Forum
[1.6] JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Ana Sayfa (https://mybbdepo.com/ana-sayfa-forumu)
+---- Konu Başlığı: [1.6] JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) (/jquery-ile-sekmeli-forum-forumlarinizi-sekmeyle-gosterin-konusu.html)



JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - EmreKarakaya - 30-03-2012

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



Cvp: JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - suskun0001 - 07-05-2012

Nasıl Birşey Caps Varmı ?


JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - MehmetAliCan - 04-08-2012

Eneeeeee ne güzelmiş Açık Ağızlı Gülümseme


JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - devrim - 04-08-2012

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


JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - MehmetAliCan - 04-08-2012

Yok yav çalışmadı üzgün


JQuery ile Sekmeli Forum(Forumlarınızı Sekmeyle Gösterin) - EmreKarakaya - 04-08-2012

kodları önce not defterine sonra sitenize ekleyerek deneyin