ایجاد Side-Box بدون استفاده از پلاگین
درود بر همه شما عزیزان  
در بعصی انجمن ها مشاهده کردین که جعبه ای کنار انجمن ها وجود دارد که جعبه های متعددی دارد و در هر جعبه مواردی وجور دارد  
برای ایجاد این جعبه ها به صورت دستی و تنها با استفاده از HTML این آموزش را دنبال کنید  


image


ابتدا به مسیر زیر بروید:
پنل مدریت > قالب ها > قالب پوسته مورد نظرتان > قالب‌های صفحه نخست > index 

این کد را پیدا کنید :  

{$forums}


کد های زیر را جای گزین کنید :

<div id="fz"style="float: left; width:80%;">
{$forums}
</div>
<div id="floatbar" style="float: right; width: 19%;">
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img title="Show" src="{$theme['imgdir']}/collapse.gif" onclick="changefloatbar(this,$('fz'),$('floatbar'),$('ctfloat'),$('titlefloatbar'))" /></div>
<div id="titlefloatbar"><strong>پیام های سریع</strong></div>
</td>
</tr>
</thead>
<tbody id="ctfloat">

<!--Block 1----->
<tr class="tcat"><td><strong>Title 1</strong></td></tr>
<tr class="trow1">
<td>
content 1
</td>
</tr>
<!--End Block 1---->

<!--Block 2----->
<tr class="tcat"><td><strong>Title 2</strong></td></tr>
<tr class="trow1">
<td>
content 2
</td>
</tr>
<!--End Block 2---->

<script type="text/javascript">
function changefloatbar(imgeco,fz,fl,ctfl,ttfb)
{
if (imgeco.title=="Show")
{ctfl.style.display="none";fl.style.width="2%";
fz.style.width="98%";imgeco.title="Hide";ttfb.innerHTML="";
imgco.src="{$theme['imgdir']}/collapse_collapsed.gif";
}
else
{ctfl.style.display="";fl.style.width="19%";fz.style.width="80%";imgeco.title="Show";ttfb.innerHTML="<strong>QuickCP</strong>";
imgco.src="{$theme['imgdir']}/collapsed.gif"
}
}
</script>
</tbody>
</table>
</div>
</br>

توضیحات اضافی :

1 - به کد زیر دقت کنید  

<tr class="tcat"><td><strong>Title 1</strong></td></tr>
<tr class="trow1">
<td>
content 1
</td>
</tr>

برای درج عنوان به جای Title 1 عنوانی را که می خواهید نمایش داده شود قرار دهید و به جای content 1 مطالبی را قصد نمایش آن ها را در جعبه دارید را قرار دهید  


2 - برای اضافه کردن جعبه بعد از  در خط بعد کد زیر را وارد کنید :

tr class="tcat"><td><strong>Title 2</strong></td></tr>
<tr class="trow1">
<td>
content 2
</td>
</tr>

هر بار که این کد را اضافه کنید یک جعبه جدید اضافه خواهد شد.


3 - درج هر گونه کد HTML برای ویرایش عنوان جعبه (Title) و یا محتوا جعبه (content) آزاد است و به سلیقه شما بستگی دارد  


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


منبع اصلی : سایت مرجع MyBB 

موفق و پیروز باشید thanks
نویسنده :

X
پلاگین نمایش افراد آنلاین در 24 ساعت گذشته
سلام با استفاده از این پلاگین میتونید افراد آنلاین در 24 ساعت گذشته انجمنتون رو در صفحه اصلی انجمن ...
تعیین نشده
    دیدگاه های کاربران 3
    ارسال: 2
    سلام
    ممکنه این عکس شات رو درستش کنید که متوجه ی تغییرات بشیم؟
    سپاس

    پاسخ مسئول
    ارسال: 3
    حق با ofpersia عزیز هست ، رضا جان شاتی که قرار دادی مشکل داره
    بهتره توی یه آپلودسنتر آپ کنی بعد تصویر رو بزاری اینجا

    image
    ارسال: 4
    شات به پست اول اضافه شد thanks

    برای عضویت در کانال تلگرامی
    [همیار مای بی بی]
    کلیک کنید
    دریافت آخرین اخبار ، کدهای تخفیف و جوایز
    برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :