MyBB Depo Forum
jQuery Yan Menü Yapımı [Kodlu Anlatım] - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-6-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Ana Sayfa (https://mybbdepo.com/ana-sayfa-forumu)
+---- Konu Başlığı: jQuery Yan Menü Yapımı [Kodlu Anlatım] (/jquery-yan-menu-yapimi-kodlu-anlatim-konusu.html)



jQuery Yan Menü Yapımı [Kodlu Anlatım] - Screwy - 17-09-2013

isim Modifikasyon İsmi: jQuery Yan Menü Yapımı
Yapımcı Yapımcı: Joshee
Versiyon Çalıştığı MyBB Sürümleri: 1.6.x - 1.4.x
Açıklama-Detay Açıklama: Bu modifikasyon jquery olarak sitenizin anasayfasına veya istediğiniz diğer sayfalara yan menü eklemenizi sağlar.

Kurulum-İnstall Kurulum:

Kodları önce not defterine yapıştırın oradan kopyalıyıp şablona ekleyiniz.

[attachment=1146]

- Yukarıdaki ekten dosyayı indirip Ftp aracılığı ile forumun kurulu olduğu yere atıyoruz.
- Admin Kp Sağ Ok Şablon & Stil Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok Gruplandırılmamış şablonlar Sağ Ok headerinclude

Bul:
Kod:
{$stylesheets}

Altına Ekle:
Kod:
<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>
Kaydet.

- Admin Kp Sağ Ok Şablon & Stil Sağ Ok Şablonlar Sağ Ok Temanız Sağ Ok Ana Sayfa Şablonlar Sağ Ok index
Şablonun içindekileri silin ve aşağıdaki kodları ekleyiniz:
Kod:
<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>MyBBDestek.Com</strong></td>
</tr>
<tr>
<td class="trow1">
Buraya Yazı Gelecek
</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>

Kaydet.

Sonuç:

resim

resim

Kaynak:
Kod:
http://forum.mybbdestek.com/konu-ders-jquery-yan-menu-yapimi