Красивое тёмное раздвижное меню

m1sT1k

Дата: Понедельник, 31.05.2010, 10:53 | Сообщение # 1

Создатель сайта

Группа: Administrators

Сообщений: 238

Статус: Offline

http://yur4iksite.at.ua/Forum_picture/_Ucoz_scripts/Black_menu.zip (скачать архив)

Стильное тёмное меню для Вашего сайта

Установка:

Заливаем содержимое архива в корень Вашего сайта

Далее вставляем следующий код туда, где хотим видеть меню:

Code

<table border="0" cellpadding="0" cellspacing="0" style="border:1px solid #3C3C3C;margin-bottom:2px;" width="180">
<tr><td height="23" style="background:url('http://s42.radikal.ru/i097/0904/3e/f2cf648a7f1e.png') #252525;color:#FFCA42;padding-left:28px;font-size:10px;"><b>Меню сайта</b></td></tr>
<tr><td style="background:#131313;padding:1px;"><div id="middle">
    <div class="background layoutleft">
    <div id="left">
    <div id="left_container" class="clearingfix">
    <div id="submenu">
    <ul class="mainmenu">
    <li class="level2 parent toggler">
    <span>навигация жми</span>
    <div>
    <ul class="mainmenu accordion">
    <li class="level3"><a href="$HOME_PAGE_LINK$">Главная</a></li>
    <li class="level3"><a href="/load">Файлы</a></li>
    <li class="level3"><a href="/publ">Статьи</a></li>
    <li class="level3"><a href="/gb">Гостевая</a></li>
    <li class="level3"><a href="/forum">Форум</a></li>


    </ul>
    </div>
    </li>
    <li class="level2 parent toggler">
    <span>Сайт >>>ЖМИ<<<<</span>
    <div>
    <ul class="mainmenu accordion">
    <li class="level3"><a href="ССЫЛКА">Название ссылки</a></li>
    <li class="level3"><a href="ССЫЛКА">Название ссылки</a></li>
    </ul>
    </div>
    </li>

<style type="text/css" media="all">@import url(/css/engine.css);</style>
<style type="text/css" media="all">@import url(/css/extensions.css);</style>
<style type="text/css" media="all">@import url(/css/general.css);</style>
<style type="text/css" media="all">@import url(/css/login.css);</style>
<style type="text/css" media="all">@import url(/css/style.css);</style>



<script language="javascript" src="/scripts/base.js" type="text/javascript"></script>
<script language="javascript" src="/scripts/mootools.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">var YtSettings = { widthThinPx: 780, widthWidePx: 940, widthFluidPx: 0.90, heightToppanel: 320};</script>
<script language="javascript" src="/scripts/tools.js" type="text/javascript"></script>
<script language="javascript" src="/scripts/morph.js" type="text/javascript"></script>
<script language="javascript" src="/scripts/menu.js" type="text/javascript"></script>
<script language="javascript" src="/scripts/slidepanel.js" type="text/javascript"></script></td></tr>
</table>

Прикрепления: 1613699.png (41.3 Kb)