مهمان عزیز خوش آمدید. ورود ثبت نام



امتیاز موضوع:
  • 2 رای - 5 میانگین
  • 1
  • 2
  • 3
  • 4
  • 5

[-]
کلمات کلیدی
ویژه تب بندی کل انجمن

[ویژه] تب بندی کل انجمن
Star 
سلام
بعد مدت ها گفتم یه آموزش ویژه بزارم تا همه کاربرا بتونن انجمنشون رو زیباتر کنن
در این آموزش شما یاد خواهید گرفت که انجمنتون رو تب بندی کنید که برای انجمن هایی با زیر انجمن ها و دسته های گوناگون بسیار مفید خواهد بود .
نویسنده: KoG
منبع : mybb.com

مرحله اول :
ابتدا فایل پیوست شده رو دانلود کرده و از حالت فشرده خارج کنید سپس در مسیر  jscripts/  آپلود کنید .

مرحله دوم :
به مسیر زیر برید :
قالب ها و پوسته ها / قالب مورد نظر / Forum Bit Templates /
حالا فایل  forumbit_depth1_cat  رو ویرایش کنید و کد ها رو بین دو کد زیر قرار بدی
کد:
<div id="cat_{$forum['fid']}" class="content">
محل قرار گیری کدهای
</div>


مرحله سوم :
حالا به مسیر زیر برید :
قالب ها و پوسته ها / قالب مورد نظر / Index Page Templates
حالا فایل Index رو ویرایش کنید و تگ زیر رو پیدا کنید :
کد پی‌اچ‌پی:
{$forums
سپس کدهای زیر رو در بالای تگ بالا قرار بدید :
کد:
<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_3">Category 4 &amp; 6</td> <td class="tcat tab" title="Category 9" style="cursor: pointer;" rel="#cat_{$forum['3']}">Category 9</td> </tr> </table>


توجه : در  cat_2 , cat_1 , cat_3 اعداد همان آیدی دسته بندی های شما هستند که می تونید با توجه با آیدی دسته بندی مورد نظرتون اونها رو تغییر بدید .


مرحله چهارم :
حالا باید کد زیر رو به global.css قالبتون اضافه کنید :
کد:
.at { background: #026CB1 url(images/thead_bg.gif) top left repeat-x; color: #ffffff; }

کار تمام هست و انجمن شما تب بندی شده است .
نمونه پیوست شد .

       
 


فایل‌های پیوست

.zip   jquery-1.3.2.min.zip (اندازه 19.34 KB / تعداد دانلود: 48)


تصویر: http://toolsdl.com/banner2.gif
 
تاثیری تو سرعت لود شدن انجمن داره
 
فکر نکنم تاثیر زیادی داشته باش ، چون لود و  تب بندی میشه هر دو انجام میشه ، به عبارت دیگه همون فروم قبلی با تب بندی لود میشه


Designs : Mellat Graph - Mellat Modern - Mellat Pro - Mellat Metro - Mybbiran - Assasins - Mellat Special- Mellat 3d - Mellat Ziba - Shahrsaz -Mellat awesome - Mellat Civil - Mellat Slim - Mellat 2014 - Mellat Fun - Mellat Tech - Mellat World - Mellat Electric - کره تی وی - ایران لیگ - تهران پاتوق -
Translations : Glowing-Drakice-Techorina-Blueshire
---------

http://citygram.ir
See All At : Mellat-design.ir







سلام
این قسمتو که مشخصات نویسنده پستو نشون میده(مثل اعتبار،نسخه انجمن ساز،سپاسهای دریافت شده اواتار فرد و ..)چطوری میشه توی سایت ایجاد کرد و سفارشی کرد؟
سلام
خیلییییییییییییییییی کاربردی بود.مرسییییییییییییییییییییییییییی


سلام
خیلی خوب بود فقط چند تا مشکل داره

1- چطوری تعداد تب هارو زیاد کنیم؟
2- کادر هر تب چرا اینقدر بزرگه؟ انشا که نمیخایم بنویسیم توش من میخام حداقال 6 تا تب کنار هم داشته باشم چطوری باید اینکارو انجام بدم؟


پرش به انجمن:


کاربران در حال بازدید این موضوع:

1 مهمان


درباره‌ی ما

گروه پشتیبانی فارسی مای بی بی My-BB.Ir در واپسین روزهای پاییز 1391 کار خود را در زمینه مای بی بی آغاز کرد. این گروه با توکل بر خدای منان و دانش فنی خود در تلاش است فعالیتی هرچند ناچیز در زمینه ارتقا و پشتیبانی مای بی بی انجام دهد.
تمامی حقوق برای وب‌سایت پشتیبانی فارسی مای بی‌بی (My-BB.Ir) محفوظ می‌باشد و هرگونه کپی‌برداری از آن شرعا حرام و قانونا غیرمجاز می‌باشد.
قدرت گرفته از مای بی‌بی - فارسی‌ساز: My-BB.Ir و IORA.Ir