تالار میدوری

نسخه کامل: آموزش کشویی کردن انجمن ها
شما در حال مشاهده نسخه تکمیل نشده می باشید. مشاهده نسخه کامل با قالب بندی مناسب.
صفحه ها: 1 2 3 4
آموزش کشویی کردن انجمن ها
برای کم کردن درازای انجمن مای بی بی بویژه انجمن هایی با فعالیت بالا و زیر مجموعه های زیاد میتوانید از راه کار کشویی کردن استفاده کنید . نمونه ی زنده را در صفحه ی نخست تالار میدوری میتوانید ببینید و یا در صورت تغییر که ممکن است بعدها داده شود و قابل مشاهده نباشد از مدل فعلی فیلمی تهیه کردم که در زیر میتوانید ببینید. این راهکار در همه ی نگارش های مای بی بی اجرا میشود.

اگر علاقه مند شدید مراحل زیر را به دقت انجام دهید.
گام نخست: به مسیر زیر بروید
کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > قالب مورد نظر > Forum Bit Templates > بخش forumbit_depth1_cat
و کدهای زیر را در بخش مربوطه وارد کنید به نحوه ی وارد کردن توجه داشته باشید .

کد PHP:
<div id="cat_{$forum['fid']}" class ="content">
کدهای بالا را در بالای صفحه و در اینجا محتویات صفحه را قراردهید و در پایان هم کد زیر را بگذارید.
</div>

گام دوم: به مسیر زیر بروید
کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > قالب مورد نظر > Index Page Templates > بخش index

و متغیر {$forum} را پیدا کرده و کدهای زیر را در بالای آن اضافه کنید

کد PHP:
<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>


یادداشت
متن پیام :
توجه کنید که متغیر های "cat_1", "cat_4", "cat_6", "cat_9", "cat_11" مربوط به انجمن های شما هستند و باید عددهای مربوط به انجمن خودتان را وارد کنید و دیگر اینکه وقتی میخواهید دو یا چند انجمن در یک کشو باشند باید طبق فرمول بالا اقدام کنید در غیر اینصورت در هر خط از یک متغیر استفاده کنید . برای نمونه : rel="cat_27, #cat_27"




گام سوم: به مسیر زیر بروید

کنترل پنل مدیریت > قالب ها و پوسته > قالب ها > پوسته مورد نظر > global.css

و کدهای زیر را در انتهای صفحه وارد کنید . توجه داشته باشید که این کار برای نمایش کشوهاست و زیبا سازی مورد نظر خودتان را باید در اینجا انجام دهید تا به فرم مورد نظرتان برسید.

کد HTML:
.at {
    background: #026CB1 url(images/thead_bg.gif) top left repeat-x;
    color: #ffffff;
}

#cat_1{
display: none;
}

#cat_6{
display: none;
}

#cat_9{
display: none;
}

#cat_11{
display: none;
}



گام چهارم: فایل jquery-1.3.2.min.js را بطور معمول باید داشته باشید اگر نبود از فایل فشرده استفاده کنید و در محل مناسب آپلود و آدرس دهی کنید .
در کدهای بالا شماره های انجمن های خودتان را باید وارد کنید .
کارتمام است امید که بکار بیاید.

[attachment=2773]

منبع: https://community.mybb.com/thread-62039.html
ممنون بابت آموزش
من انجام دادم درست شد فقط یک مشکل داره
وقتی سایت رو باز میکنیم اول همه انجمن ها رو نشون میده بعد اگه روی اون نوشته ها کلیک کنیم دسته بندی میشه
چطور میشه از همون اول دسته بندی باشه؟
(29 - December - 2016 20 : 07 PM)hp618 نوشته بوده : [ -> ]ممنون بابت آموزش
من انجام دادم درست شد فقط یک مشکل داره
وقتی سایت رو باز میکنیم اول همه انجمن ها رو نشون میده بعد اگه روی اون نوشته ها کلیک کنیم دسته بندی میشه
چطور میشه از همون اول دسته بندی باشه؟
خواهش میکنم . احتمال تداخل کوئری دارید , چون فایل کوئری در 1.8 موجود بوده باید کدهای زیر را حذف کنید

کد HTML:
<scripttype="text/javascript"src="jscripts/jquery-1.3.2.min.js"></script>

فکری هم برای درازای ساید بارتون بکنید . انجمن شما جای کار بسیار دارد و باید یکی یکی درست شود Smile. در ضمن اسکریپت برف در صفحه های شما اسکرول افقی ایجاد میکند که با اضافه کردن کد زیر در ابتدای global.css می توانید جلوی اینکار را بگیرید.

کد HTML:
html{overflow-x:hidden;}


یادداشت
متن پیام :
توجه داشته باشید که اسکریپت هایی اینگونه در تبلت و موبایل اختلال ایجاد میکنند و باید به فکر موبایلی ها هم باشید . من در این تالار از پلاگین GoMobile استفاده کرده ام . در پایین صفحه «نسخه ی تلفن همراه» را کلیک کنید متوجه خواهید شد البته این کار با ورود کاربران موبایلی بصورت خودکار صورت میگیرد.


صفحه ها: 1 2 3 4
لینک مرجع