02:53
Неплохое горизонтальное выезжающее меню. Надеюсь, найдёте ему применение
Для начала посмотрите ДЕМО
Установка:
После /head на нужных страницах вставляйте:
Code
<script src="/js/flyout.ribbon.js" type="text/javascript"></script>
<link href="/css/css.css" type="text/css" rel="stylesheet" />
Следующий код можно сразу после предыдущего:
Code
<div id="flyout-ribbon" class="ribbon">
<ul>
<li><a href="#"><img src="/images/ads.png" width="48" height="48" alt="Ads" />
Ads</a></li>
<li><a href="#"><img src="/images/users.png" width="48" height="48" alt="Users" />
Users</a></li>
<li><a href="#"><img src="/images/images.png" width="48" height="48" alt="Images" />
Images</a></li>
<li><a href="#"><img src="/images/settings.png" width="48" height="48" alt="General Settings" />
General Settings</a></li>
<li><a href="#"><img src="/images/tools.png" width="48" height="48" alt="Tools" />
Tools</a></li>
<li><a href="#"><img src="/images/errors.png" width="48" height="48" alt="Errors" />
Errors</a></li>
</ul>
</div>
Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images
