الكود ده حصرى جدا
مجرب ويعمل على النسخة PUNBB
بيغير شكل المنتدى ويخليه شكل المواقع المميزه المدفوعة
وبدون تومبلات
اولا تضيف الكود ده فى الجافا
الصورة مصغرة اضغط لى الصورة للتكبير
انشىء كود جديد
الكود المطلوب
- الكود:
-
$( $(document).ready(function() {
$('.main:has(.statused) .main-content').each(function() { $(this).attr('id','forum'+$(this).index()).hide() });
$('.main:has(.statused) .main-head .page-title').each(function() { $(this).unwrap().attr('id','tab'+$(this).next().attr('id').replace(/forum/,'')) });
$('.main:has(.statused)').before('<div id="tabNav"></div><div id="forumList"></div>');
$('.main:has(.statused) .page-title').addClass('forumTab').appendTo('#tabNav');
$('.main:has(.statused) .main-content').addClass('forumCatg').appendTo('#forumList');
$('.forumTab').click(function() {
var n = $(this).attr('id').replace(/tab/,'');
if ($('#forum'+n).css('display') == 'none') {
$('.forumCatg').not($('#forum'+n)).hide();
$('#forum'+n).show()
}
else { $('#forum'+n).hide() }
});
});
بعد ذلك ادخل الى صفحة ال CSS ونضيف فيها الكود ده
- الكود:
-
[center]
.forumTab {
display:inline-block;
background:#EEE;
border:1px solid #CCC;
padding:2px;
margin:0 3px;
cursor:pointer;
}
.forumTab:hover { background:#FFA; }
[/center]
لتغير لون خلفية المربع لاسم القسم #EEE
لون الاطار #CCC
لون الخلفية عند مرور المؤشر #FFA
اين تضع الكود
الصورة مصغرة اضغط لى الصورة للتكبير
عند المرور بالمؤشر على القسم
وعند الضغط على اسم القسم تظهر الاقسام الفرعية الخاصة بالفئة الاساسية
جميع الصورة من المنتدى التجريبى لتجريب الاكواد فقط لذلك سيكون الشكل بحسب اقسام منتداك
ساضع المزيد من المواضيع المميزة الاخرى بعون الله