هاست لینوکس



امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
درست کردن فهرست کناري با جی کوئری
#1
Heart 
آموزش درست کردن فهرست کناري در صفحه اصلي انجمن . منوي جالبي است که بدون ريفرش کردن صفحه باز و بسته مي شود . با استفاده از جي کوئري است و نياز به پلاگين ندارد.
نخست به قالب مورد استفاده و 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)
پاسخ
 سپاس شده توسطyaser0421 (۱۳۹۰/۱۱/۲۰، ۰۴:۴۵:۲۶ صبح) ، khp (۱۳۹۰/۱۱/۲۰، ۰۵:۱۵:۳۹ صبح) ، HOssE!N-B (۱۳۹۰/۱۱/۲۰، ۰۵:۳۳:۴۰ صبح) ، digital (۱۳۹۰/۱۱/۲۰، ۰۷:۰۰:۱۳ صبح) ، Mohammad-Za (۱۳۹۰/۱۱/۲۰، ۰۸:۵۳:۵۲ صبح) ، darya1012 (۱۳۹۰/۱۲/۲۵، ۱۴:۳۰:۲۱ عصر) ، Mt edition (۱۳۹۱/۱/۱۰، ۰۱:۱۶:۲۲ صبح) ، what? (۱۳۹۱/۱/۱۰، ۰۱:۲۳:۴۴ صبح) ، mahpishoni (۱۳۹۱/۱/۱۰، ۰۴:۴۶:۲۵ صبح) ، geo (۱۳۹۱/۱/۱۰، ۰۷:۲۲:۳۵ صبح) ، محمد (۱۳۹۱/۱/۱۱، ۰۳:۵۷:۱۶ صبح) ، adnan (۱۳۹۱/۳/۱۶، ۰۱:۲۷:۳۵ صبح) ، KNOWIT (۱۳۹۱/۶/۱۴، ۰۷:۴۳:۳۵ صبح) ، mhy (۱۳۹۲/۲/۱۵، ۲۳:۰۵:۴۸ عصر) ، Ehssan_it (۱۳۹۲/۴/۲، ۱۷:۲۱:۳۰ عصر) ، ترنم (۱۳۹۳/۲/۶، ۰۲:۲۱:۵۶ صبح) ، Gh-Moradi (۱۳۹۳/۲/۲۶، ۰۲:۵۹:۴۵ صبح) ، ali5866 (۱۳۹۳/۲/۲۶، ۱۱:۵۴:۳۲ صبح) ، reus (۱۳۹۵/۲/۵، ۱۰:۳۳:۲۴ صبح)


پیام‌های داخل این موضوع
درست کردن فهرست کناري با جی کوئری - توسط میدوری - ۱۳۹۰/۱۱/۲۰، ۰۴:۳۴:۴۵ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط geo - ۱۳۹۱/۱/۱۰، ۰۷:۲۴:۴۰ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط میدوری - ۱۳۹۱/۱/۱۰، ۱۴:۳۳:۲۶ عصر
RE: درست کردن فهرست کناری با جی کوئری - توسط KNOWIT - ۱۳۹۱/۶/۱۴، ۰۷:۴۶:۳۲ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط میدوری - ۱۳۹۱/۶/۱۴، ۱۱:۲۵:۵۲ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۶/۱۴، ۱۱:۴۲:۲۵ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط میدوری - ۱۳۹۱/۶/۱۴، ۱۱:۴۸:۱۹ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۶/۱۴، ۱۱:۵۶:۲۰ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۶/۱۵، ۱۱:۱۹:۲۲ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۶/۱۷، ۰۸:۰۲:۱۱ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط amirreza78 - ۱۳۹۱/۶/۱۸، ۱۰:۱۴:۲۰ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۶/۱۸، ۱۱:۲۲:۰۸ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۶/۲۲، ۰۰:۰۳:۵۷ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط forumbax - ۱۳۹۱/۶/۲۲، ۲۲:۲۶:۲۴ عصر
RE: درست کردن فهرست کناری با جی کوئری - توسط salondaran - ۱۳۹۱/۷/۲۹، ۱۲:۴۲:۰۴ عصر
RE: درست کردن فهرست کناری با جی کوئری - توسط arsham - ۱۳۹۱/۸/۹، ۱۰:۰۶:۴۱ صبح
RE: درست کردن فهرست کناری با جی کوئری - توسط Ehssan_it - ۱۳۹۲/۷/۱۸، ۰۹:۵۱:۴۸ صبح

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

پرش به انجمن:


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