Tutorial Adaugare Sidebar Extensibil Mybb

Courage · March 25, 2013

Daca doriti sa adaugati un sidebar extensibil (adica care se poate restrange), aici aveti un tutorial bun. (L-am incercat si merge perfect).

AdminCP > Templates & Style > Templates > Tema ta > Index Templates > index.

Înlocuim tot ce este acolo cu:

<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>

Acum: AdminCP > Templates & Style > Templates > Tema ta > Ungrouped Templates > headerinclude . După linia

{$stylesheets}

adăugăm:

<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>

Am ataşat 4 fişiere intr-o arhiva, după cum urmează:

1. cele 2 imagini se urcă în fişierele temei folosite din FTP (din folderul images)

2. cele 2 fisiere .js se urca in folderul jscripts

Sidebar.zip

Sign In

Tutorial Adaugare Sidebar Extensibil Mybb

Recommended Posts

Courage

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information