ورود

میدوری

آموزش درست کردن فهرست کناري در صفحه اصلي انجمن . منوي جالبي است که بدون ريفرش کردن صفحه باز و بسته مي شود . با استفاده از جي کوئري است و نياز به پلاگين ندارد.
نخست به قالب مورد استفاده و Index Templates----> Index برويد . ( ابتدا بک آپ بگيريد که در موقع پشيماني قابل برگشت دادن به وضعيت اول باشيد ) .
سپس محتويات داخل ايندکس را پاک کنيد و کد هاي زير را جايگزين کنيد .

کد: 
<html>

<head>

<title>{$mybb->settings['bbname']}</title>

{$headerinclude}

<script type="text/javascript">

<!--

    lang.no_new_posts = "{$lang->no_new_posts}";

    lang.click_mark_read = "{$lang->click_mark_read}";

// -->

</script>

<style type="text/css">

.buttons {

    background: url(images/arrowright.png) no-repeat;

    width: 16px;

    height: 16px;

    display: block;

    cursor: pointer;

}

.clickedbuttons {

    background: url(images/arrowleft.png) no-repeat;

    width: 16px;

    height: 16px;

    display: block;

    cursor: pointer;

}

</style>

</head>

<body>

{$header}

<a class="buttons" style="float: right;"></a>

<a class="clickedbuttons" style="float: right;"></a>

<br class="clear" />

<div class="sidebar" style="float: right;width: 19%;">

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">

<tr>

<td class="thead"><strong>

Latest News

</strong></td>

</tr>

<tr>

<td class="trow1">

You can put some news stuff here

</td>

</tr>

</table>

</div>

<div class="forums" style="float: left;width: 80%;">

{$forums}

</div>

<br class="clear" />

{$boardstats}

<dl class="forum_legend smalltext">

    <dt><img src="{$theme['imgdir']}/on.gif" alt="{$lang->new_posts}" title="{$lang->new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

    <dd>{$lang->new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/off.gif" alt="{$lang->no_new_posts}" title="{$lang->no_new_posts}" style="vertical-align: middle; padding-bottom: 4px;" /></dt>

    <dd>{$lang->no_new_posts}</dd>

    <dt><img src="{$theme['imgdir']}/offlock.gif" alt="{$lang->forum_locked}" title="{$lang->forum_locked}" style="vertical-align: middle;" /></dt>

    <dd>{$lang->forum_locked}</dd>

</dl>

<br style="clear: both" />

{$footer}

</body>

</html>

یک مقدار خلاقیت هم به خرج بدهید بد نیست ( در مورد بالا )
سپس به Ungrouped Templates -----> headerinclude برويد.
کد زير را پيدا کنيد

کد: 
{$stylesheets}

بالاي کد ذکر شده کدهاي زيررا وارد کنيد

کد: 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/jquery.cookie.js"></script>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/sidebar.js"></script>

کار تمام است.
احتياج به دو تصوير و دو فايل داريد که در زير پيوست ميکنم . دو تصوير را در پوشه images و دو فايل را در jscripts بريزيد .

منبع : http://community.mybb.com/thread-73062.html

.zip

needs.zip (اندازه: 8.14 KB / تعداد دفعات دریافت: 79)

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به‌خاطر بسپار

موضوع‌های مشابه…
موضوع		نویسنده	پاسخ	بازدید	آخرین ارسال
	درست کردن ساید بار بدون پلاگین و کوئری فقط با CSS	میدوری	6	4,152	۱۳۹۳/۹/۱۴، ۱۹:۲۳:۱۱ عصر آخرین ارسال: میدوری