Боковое меню для форумов.

Некоторым не хватает знаний фш, что бы дорисовать кнопок в меню, некоторым не охото расширять свое меню. Вот и у меня обе эти причины. Решил я значит сделать боковую менюшку куда вынести часть пунктов которые понадобятся всегда, но искать их или выносить в меню долго и нудно.

В общем на форуме это выглядит так:
В неактивном виде



В момент выбора пунктов они вращаются вот так:



Выбранный пункт выглядит вот так:



Итак. Для того, что бы поставить себе это меню Вам потребуется сделать минимум действий. А именно:
ПА -> Оформление -> Шаблон "index_body"
Находим почти в начале строку:

Код:

<!-- END message_admin_index -->

и после нее вставляем код:

Код:

<link href="http://dvscr.ru/lmenu/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://http://dvscr.ru/lmenu/ind.js"></script>
<div id='snav' class='en'>
<ul>
<li>
<a href='#'>
<i class="/"></i>
<span>Первый</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-css3"></i>
<span>Второй</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-camera"></i>
<span>Третий</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-circle-o-notch"></i>
<span>Четвертый</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-envelope"></i>
<span>Пятый</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-music"></i>
<span>Шестой</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-quote-right"></i>
<span>Седьмой</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-rss"></i>
<span>Восьмой</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-html5"></i>
<span>Девятый</span>
</a>
</li>
<li>
<a href='/'>
<i class="fa fa-video-camera"></i>
<span>Десятый</span>
</a>
</li>
</ul>
</div>

Сохраняем и опубликовываем.
Данную менюшку тестил на bb2, но как подсказывает моя практика с остальными движками приживется и там.