MyBB - Tab Forum Sistemi Yapımı

FacebookPaylaş
#1
Heart 
İlk olarak:
Admin Paneli > Temalar & Şablonlar > Şablonlar > Hangi temaya yapacaksanız o temaya girin > Forum Bit Şablonlar >  forumbit_depth1_cat giriniz.
Ardından, en üstte bulunan bu kodu: 
Kod:
Kod:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">


Şu şekilde değiştirin:
Kod:
Kod:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder frm s{$forum['fid']}" id="tab{$forum['fid']}">


global.css en üste ekle:
Kod:
Kod:
Kod:
ul.sekmeler{[font=Roboto, sans-serif][/font]
margin: 0px;[font=Roboto, sans-serif][/font]
padding: 0px;[font=Roboto, sans-serif][/font]
list-style: none;[font=Roboto, sans-serif][/font]
background:#e45f56;[font=Roboto, sans-serif][/font]
border-top-left-radius: 3px;[font=Roboto, sans-serif][/font]
border-top-right-radius: 3px;[font=Roboto, sans-serif][/font]
overflow:hidden;[font=Roboto, sans-serif][/font]
}[font=Roboto, sans-serif][/font]
ul.sekmeler li{[font=Roboto, sans-serif][/font]
background: none;[font=Roboto, sans-serif][/font]
color: #fff;[font=Roboto, sans-serif][/font]
display: inline-block;[font=Roboto, sans-serif][/font]
padding: 10px 15px;[font=Roboto, sans-serif][/font]
cursor: pointer;[font=Roboto, sans-serif][/font]
user-select:none;[font=Roboto, sans-serif][/font]
}[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
ul.sekmeler li:hover {[font=Roboto, sans-serif][/font]
background:rgba(0,0,0,.05);[font=Roboto, sans-serif][/font]
}[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
ul.sekmeler li.tiklanan{[font=Roboto, sans-serif][/font]
background: #fff;[font=Roboto, sans-serif][/font]
color: #222;[font=Roboto, sans-serif][/font]
}[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
.tborder.frm.s1 {[font=Roboto, sans-serif][/font]
display:table; [font=Roboto, sans-serif][/font]
}[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
.tborder.tiklanan {display: table !important;}[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
.tborder.frm {[font=Roboto, sans-serif][/font]
   display: none;[font=Roboto, sans-serif][/font]
}



headerinclue en alta ekle:
Kod:
Kod:
Kod:
<script>[font=Roboto, sans-serif][/font]
$(function(){[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
$('ul.sekmeler li').click(function(){[font=Roboto, sans-serif][/font]
var sekme_id = $(this).attr('sekme');[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
$('ul.sekmeler li').removeClass('tiklanan');[font=Roboto, sans-serif][/font]
$('.tborder').removeClass('tiklanan');[font=Roboto, sans-serif][/font]
$('.tborder').removeClass('s1');[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
[font=Roboto, sans-serif][/font]
$(this).addClass('tiklanan');[font=Roboto, sans-serif][/font]
$("#"+sekme_id).addClass('tiklanan');[font=Roboto, sans-serif][/font]
});[font=Roboto, sans-serif][/font]
});[font=Roboto, sans-serif][/font]
</script>


index şablonu gir {$forums} üstüne ekle:
Kod:
Kod:
Kod:
<ul class="sekmeler">[font=Roboto, sans-serif][/font]
<li class="sekme-link tiklanan" sekme="tab1">Kategori 1</li>[font=Roboto, sans-serif][/font]
<li class="sekme-link" sekme="tab10">Kategori 2</li>[font=Roboto, sans-serif][/font]
</ul>


Kaynak: https://www.webzeyrek.net/wz-mybb-tab-forum-sistemi-yapimi.html
Son Düzenleme: 17-12-2017, Saat: 18:25, Düzenleyen: Proton.
Ara
#2
Ellerine sağlık baya uğraşmısın ama zaten bunun eklentisi var
Ara
« Önceki Konu | Sonraki Konu »
Konuyu Okuyanlar:
1 Ziyaretçi
Konu ile Alakalı Benzer Konular
Konular
Son Yorum
09-10-2018, Saat: 21:08
Son Yorum: XpS#
Hızlı Menü:
task