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).
EmreKarakaya avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

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


Sponsor Reklam
media venus

Çevrimdışı EmreKarakaya
 Tarih: 30-03-2012, Saat:18:41
(Son Düzenleme: 30-03-2012, Saat:18:50, Düzenleyen: EmreKarakaya.)
#1
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
Cevapla
Bunu Beğenenler: devrim
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı suskun0001
 Tarih: 07-05-2012, Saat:15:14
#2
Nasıl Birşey Caps Varmı ?
Cevapla
Bunu Beğenenler:

Çevrimdışı MehmetAliCan
 Tarih: 04-08-2012, Saat:07:47
#3
Eneeeeee ne güzelmiş Açık Ağızlı Gülümseme
Cevapla
Bunu Beğenenler:

Çevrimdışı devrim
 Tarih: 04-08-2012, Saat:08:09
#4
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
Cevapla
Bunu Beğenenler:

Çevrimdışı MehmetAliCan
 Tarih: 04-08-2012, Saat:08:18
#5
Yok yav çalışmadı üzgün
Cevapla
Bunu Beğenenler:

Çevrimdışı EmreKarakaya
 Tarih: 04-08-2012, Saat:14:51
#6
kodları önce not defterine sonra sitenize ekleyerek deneyin
Cevapla
Bunu Beğenenler:

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [MD - 1.6] Forum Yaşı Eklentisi Türkçe 007combatant 2 2,694 01-01-2016, Saat:19:41
Son Yorum: Lunaci[TR]
  [MCTR - 1.6] Forum İkonları Plugin + (Türkçe) 007combatant 41 22,582 27-10-2014, Saat:20:20
Son Yorum: poyraz
  Forum İstatistiklerine Değişik Tarz Vermek kafle 8 3,216 26-06-2014, Saat:10:11
Son Yorum: bz102
  Anasyafa / Forum butonlarını ayırmak istiyorum! axpe 1 746 17-02-2014, Saat:05:00
Son Yorum: EmreKarakaya
iyi Forum Kategorilerine Hover Efekti ReDMaD 2 1,669 05-01-2014, Saat:00:43
Son Yorum: uguresc



Konuyu Okuyanlar: 1 Ziyaretçi