Новое развижное меню

Новые сообщения Участники Правила форума Ваша ссылка Поиск RSS

Страница 1 из 1
1

Форум » Всё для сайтов системы UCOZ » Разные скрипты для UCOZ » Новое развижное меню

krueger

Дата: Среда, 10.11.2010, 01:04:31 | Сообщение # 1

Сообщений: 767

Награды: 5

[ ]

[Table]Скачиваем файлы и заливаем из в папку js
Это вставляйте после [/Table]

Code

[Table]Это вставляйте в css:[/Table]

Code

/* Menu */
   ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}
   li.m {border:1px solid #000000; margin: 2px; padding: 2px 2px 2px 13px; background:url('http://theon.do.am/4.png')}
   li.m:hover {border:1px solid #9400D3; margin: 2px; padding: 2px 2px 2px 13px; background: #f;}
   li.fr {border:1px solid #535353; margin: 2px; padding: 2px 2px 2px 13px; background: #f7f7f7;}
   li.fr:hover {border:1px solid #9400D3; margin: 2px; padding: 2px 2px 2px 13px; background: #d4e4ea;}
   .m {font-family:Tahoma,Arial,Helvetica;}
   /* ------------- */
   .poll .answer div div {height:8px !important; background: url('http://theon.net.ru/poll.png') no-repeat right !important;}
   /* GlossyMenu */
     .glossymenu{
     margin: 5px 0;
     padding: 0;
     width: 185px; /*width of menu*/
     border: 1px solid #000000;
     border-bottom-width: 0;
     }

     .glossymenu a.menuitem{
     background: url() #000000;
     font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;
     color: #000000;
     display: block;
     position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
     width: auto;
     padding: 4px 0;
     padding-left: 10px;
     text-decoration: none;
     border-top: 0px solid #5d5d5d;
     border-bottom: 1px solid #5d5d5d;
     }

     .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
     color: #5d5d5d;
     }

     .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
     position: absolute;
     top: 5px;
     right: 5px;
     border: none;
     }

     .glossymenu a.menuitem:hover{
     background-image: url() #c5c5c5;
     }

     .glossymenu div.submenu{ /*DIV that contains each sub menu*/
     background-image: url() #c5c5c5;
     }

     .glossymenu div.submenu ul{ /*UL of each sub menu*/
     list-style-type: none;
     margin: 0;
     padding: 0;
     }

     .glossymenu div.submenu ul li{
     border-bottom: 1px solid #5d5d5d;
     }

     .glossymenu div.submenu ul li a{
     display: block;
     font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;
     color: #000000;
     text-decoration: none;
     padding: 2px 0;
     padding-left: 10px;
     }

     .glossymenu div.submenu ul li a:hover{
     background-image: url() #c5c5c5;
     colorz: #999999;
     }

     .glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #000000; border-bottom-width: 0; }

     .glossymenu a.menuitem{background:url(http://theon.net.ru/images/m2.png) #000000 ;font: normal 10px "Arial", "Arial", Arial, Arial, Arial;
     color: #000000;
     display: block;
     position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
     width: auto;
     padding: 4px 0;
     padding-left: 10px;
     text-decoration: none;
     border-top: 0px solid #000000;
     border-bottom: 1px solid #000000;
     }

     .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
     color: #5d5d5d;
     }

     .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
     position: absolute;
     top: 5px;
     right: 5px;
     border: none;
     }

     .glossymenu a.menuitem:hover{
     background: url(http://theon.net.ru/images/m3.png) #c5c5c5;
     }

     .glossymenu div.submenu{ /*DIV that contains each sub menu*/
     background:#d5d5d5;
     }

     .glossymenu div.submenu ul{ /*UL of each sub menu*/
     list-style-type: none;
     margin: 0;
     padding: 0;
     }

     .glossymenu div.submenu ul li{
     border-bottom: 1px solid #000000;
     }

     .glossymenu div.submenu ul li a{
     display: block;
     font: normal 10px "Arial", "Arial", Arial, Arial, Arial;
     background:url(http://theon.net.ru/images/m1.png)#c5c5c5;background-position:1px -20px;
     text-decoration: none;
     padding: 2px 0;
     padding-left: 15px;
     }

     .glossymenu div.submenu ul li a:hover{
     background:url(http://theon.net.ru/images/m1.png);
     colorz: #999999;
     }
     /* -------- */

[Table]Это вставляем в блок:[/Table]

Code

<div class="glossymenu">
   <a class="menuitem submenuheader" href="/" >Основ. раздел</a>
   <div class="submenu">
   <ul>
     <li><a href="http://theon.net.ru/">Главная страничка</a>
     <li><a href="/load/">Файловый архив</a></li>
     <li><a href="/blog">Мониторинг</a></li>
     <li><a href="/gb/">Гостевая</a></li>
     <li><a href="/news/">Новости</a></li>
     <li><a href="/photo/">Галерея</a></li>
   <li><a href="/index/reklama/0-8" style="text-shadow:0px 0px 5px

   #9400D3;">Заказать рекламу!</a></font></a></li>
     <li><a href="/publ/">Статьи</a></li>
     <li><a href="/forum/">Форум</a></li>
     </ul>
   </div>
     <a class="menuitem submenuheader" href="http://theon.net.ru/" >Игры</a>
   <div class="submenu">
   <ul>
     <li><a href="/load/12" title="Категория:PC игры"><FONT color=#9400D3>Р</font>C игры</a></li>
     <li><a href="/load/17" title="Категория:PS игры"><FONT color=#9400D3>Р</font>S игры</a></li>
     <li><a href="/load/13" title="Категория:PS2 игры"><FONT color=#9400D3>Р</font>S2 игры</a></li>
     <li><a href="/load/14" title="Категория:PSP игры"><FONT color=#9400D3>Р</font>SP игры</a></li>
     <li><a href="/load/16" title="Категория:Wii игры"><FONT color=#9400D3>W</font>ii игры</a></li>
     <li><a href="/load/15" title="Категория:XbOx игры"><FONT color=#9400D3>X</font>box игры</a></li>

     </ul>
   </div>
     <a class="menuitem submenuheader" href="/" >Все для Photoshop</a>
   <div class="submenu">
   <ul>
     <li><a href="/load/33" title="Категория:PC игры"><FONT color=#9400D3>К</font>исти</a></li>
     <li><a href="/load/35" title="Категория:PS игры"><FONT color=#9400D3>Ш</font>рифты</a></li>
     <li><a href="/load/36" title="Категория:PS2 игры"><FONT color=#9400D3>Г</font>радиенты</a></li>
     <li><a href="/load/34" title="Категория:PSP игры"><FONT color=#9400D3>С</font>тили</a></li>
     <li><a href="/load/37" title="Категория:Wii игры"><FONT color=#9400D3>Г</font>отовые PSD</a></li>
     </ul>
   </div>
     <a class="menuitem submenuheader" href="/" >Все для UcoZ</a>
   <div class="submenu">
   <ul>
     <li><a href="/load/28" title="Категория:PC игры"><FONT color=#9400D3>Ш</font>аблоны</a></li>
     <li><a href="/load/31" title="Категория:PS игры"><FONT color=#9400D3>Ш</font>апки</a></li>
     <li><a href="/load/29" title="Категория:PS2 игры"><FONT color=#9400D3>И</font>конки

   групп</a></li>
     <li><a href="/load/30" title="Категория:PSP игры"><FONT color=#9400D3>И</font>конки

   форума</a></li>
     </ul>
   </div>
     <a class="menuitem submenuheader" href="/" >Все для Cs:Source</a>
   <div class="submenu">
   <ul>
     <li><a href="/load/19" title="Категория:PC игры"><FONT color=#9400D3>М</font>одели

   оружия</a></li>
     <li><a href="/load/29" title="Категория:PS игры"><FONT color=#9400D3>М</font>Одели

   Игроков</a></li>
     <li><a href="/load/21" title="Категория:PS2 игры"><FONT color=#9400D3>В</font>зрывы</a></li>
     <li><a href="/load/22" title="Категория:PSP игры"><FONT color=#9400D3>В</font>се для

   сервера</a></li>
     <li><a href="/load/23" title="Категория:Wii игры"><FONT color=#9400D3>К</font>арты</a></li>
     <li><a href="/load/24" title="Категория:XbOx игры"><FONT color=#9400D3>G</font>ui</a></li>
     <li><a href="/load/25" title="Категория:Wii игры"><FONT color=#9400D3>Ч</font>иты</a></li>
     <li><a href="/load/26" title="Категория:XbOx игры"><FONT color=#9400D3>С</font>преи</a></li>
     </ul>
   </div>
   <a class="menuitem submenuheader" href="/" >[TEG]*Team</a>
   <div class="submenu">
   <ul>
     <li><a href="/forum/62">Заявки в клан</a>
     <li><a href="/forum/66">Устав клана</a></li>
     <li><a href="/forum/64">Забить CW</a></li>
     <li><a href="/forum/65">Результаты Cw</a></li>
     </ul>
   </div>
     <a class="menuitem submenuheader" href="/" >Дополнительно</a>
   <div class="submenu">
   <ul>
     <li><a href="javascript://" onclick="openLayerB

   ('LoadFileBody',0,'http://dantegames.net.ru/site/js/loadfile.xml','Загрузить

   файл/изображение',590,440,'1');return false;" class="servmenu" title="Файлообменник"><FONT

   color=#9400D3>Ф</font>айлообменник</a></li>
     <li><a href="/forum/47-100-1#293" title="Раздача ICQ"><FONT

   color=#9400D3>Р</font>егистрация доменов</a></li>
     <li><a href="http://www.pixlr.com/editor/?loc=ru" title="Онлайн Фотошоп"><FONT

   color=#9400D3>О</font>нлайн Фотошоп</a></li>
     <li><a href="/index/0-78" title="Авто раскрутка сайта"><FONT color=#9400D3>А</font>вто раскрутка

   сайта</a></li>
     <li><a href="/index/0-80" title="Сайт в Поисковиках"><FONT color=#9400D3>С</font>айт в

   Поисковике</a></li>
     </ul>
   </div>
     <a class="menuitem submenuheader" href="/" >Все для Игр</a>
   <div class="submenu">
   <ul>
   <li><a href="/load/2" title="Скачать игры"><FONT color=#9400D3>С</font>качать Игры</a></li>
     <li><a href="/load/3" title="файлы для Игр"><FONT color=#9400D3>П</font>атчи</a></li>
     <li><a href="/load/7" title="файлы для Игр"><FONT color=#9400D3>C</font>аундтреки</a></li>
     <li><a href="/load/4" title="Видео обзоры Игр"><FONT color=#9400D3>Т</font>рейнеры</a></li>
     <li><a href="/load/8" title="Мультимедия"><FONT color=#9400D3>М</font>ультимедия</a></li>
     <li><a href="/publ/30" title="Трейлеры"><FONT color=#9400D3>Т</font>рейлеры</a></li>
     <li><a href="/publ/9" title="Превью игр"><FONT color=#9400D3>П</font>ревью</a></li>
     <li><a href="/photo/" title="Галерея"><FONT color=#9400D3>Г</font>алерея</a></li>
     <li><a href="/load/10" title="Проги"><FONT color=#9400D3>П</font>рограммы</a></li>
     </ul>
   </div>
     <a class="menuitem submenuheader" href="/" >Все для Cs 1.6</a>
   <div class="submenu">
   <ul>
   <li><a href="/load/44">Готовые сервера</a></li>
     <li><a href="/load/40">Модели игроков</a></li>
     <li><a href="/load/39">Модели оружия</a></li>
     <li><a href="/load/41">Взрывы</a></li>
     <li><a href="/load/45">Античиты</a></li>
     <li><a href="/load/46">Мувики</a></li>
     <li><a href="/load/49">Карты</a></li>
     <li><a href="/load/">Звуки</a></li>
     <li><a href="/load/43">Патчи</a></li>
     <li><a href="/load/47">Читы</a></li>
     <li><a href="/load/48">Боты</a></li>
   <li><a href="/load/42">Спрайты</a></li>
     </ul>
   </div>

     <a class="menuitem submenuheader" href="/" >Заказать</a>
   <div class="submenu">
   <ul>
   <li><a href="/forum/44">Заказать шапку</a></li>
   <li><a href="/forum/44">заказать аватар</a></li>
   <li><a href="/forum/44">Заказать бб</a></li>
   <li><a href="/forum/44">заказать юзербар</a></li>
   <li><a href="/forum/44">Заказать баннер</a></li>

     </ul>
   </div>
   <a class="menuitem submenuheader" href="/" >Скачать читы</a>
   <div class="submenu">
   <ul>
     <li><a href="/load/51">Читы для cs:source</a></li>
   <li><a href="/load/52">Читы для cs 1.6</a></li>
   <li><a href="/load/53">Читы для wow</a></li>
   <li><a href="/load/54">Читы для aion</a></li>
     <li><a href="/load/55">Читы для SA:MP</a></li>
     <li><a href="/load/56">Читы для Linage 2</a></li>
     <li><a href="/load/57">Читы для COD 4:MW</a></li>
     <li><a href="/load/58">Читы для L4D 2</a></li>
     <li><a href="/load/59">Читы для Team fortres 2</a></li>
     <li><a href="/load/60">Читы для Battlefield</a></li>

     </ul>
   </div>
   <a class="menuitem submenuheader" href="/" >Скачать скины</a>
   <div class="submenu">
   <ul>
   <li><a href="/load/62">Скины для AIMP</a></li>
   <li><a href="/load/63">Скины для Icq</a></li>
   <li><a href="/load/64">Скины для opera</a></li>
     </ul>
   </div>
   <a class="menuitem submenuheader" href="/" >NFS Undergraund</a>
   <div class="submenu">
   <ul>
   <li><a href="/load/66">Скачать Игру</a></li>
   <li><a href="/load/67">Пограммы</a></li>
   <li><a href="/load/68">Трейнеры</a></li>
   <li><a href="/load/69">Машины</a></li>
     <li><a href="/load/70">Патчи</a></li>

     </ul> </div>

Прикрепления: menu_slide.rar (4.3 Kb)