|
| Форум OREL-CS » Веб мастеру » Скрипты для UCOZ » Супер выдвижное меню NEW |
| Супер выдвижное меню NEW |
ЭТО В CSS
Code /* GlossyMenu */ .glossymenu{margin: 5px 0;padding: 0;width: 185px;border: 1px solid #5d5d5d;border-bottom-width: 0;} .glossymenu a.menuitem{background: url() #c5c5c5;font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, visitor_Rus,Visitor_Rus; color: #5d5d5d;display: block;position: relative;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{position: absolute;top: 5px;right: 5px;border: none;} .glossymenu a.menuitem:hover{background-image: url() #c5c5c5;} .glossymenu div.submenu{background-image: url() #c5c5c5;} .glossymenu div.submenu ul{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: #5d5d5d;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; border: 1px solid #5d5d5d; border-bottom-width: 0; } .glossymenu a.menuitem{background:url(http://www.orel-cs.ru/scripts/img/m2.png) #c5c5c5 ;font: normal 10px "Arial", "Arial", Arial, Arial, Arial;color: #5d5d5d;display: block;position: relative;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{position: absolute;top: 5px;right: 5px;border: none;} .glossymenu a.menuitem:hover{background: url(http://www.orel-cs.ru/scripts/img/m3.png) #c5c5c5;} .glossymenu div.submenu{background:#d5d5d5;} .glossymenu div.submenu ul{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 "Arial", "Arial", Arial, Arial, Arial;background:url(http://www.orel-cs.ru/scripts/img/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://www.orel-cs.ru/scripts/img/m1.png);colorz: #999999;} /* -------- */ ЭТО В БЛОК
Code <script type="text/javascript" src="http://www.orel-cs.ru/scripts/ddaccordion.js"></script> <script type="text/javascript" src="http://www.orel-cs.ru/scripts/sdmenu.js"></script> <div class="glossymenu"> <a class="menuitem submenuheader" href="/" >Основ. раздел</a> <div class="submenu"> <ul> <li><a href="/"><FONT color=#ff0000><B>ваш текст</B></FONT></a></li> <li><a href="/"><FONT color=#ff0000><B>ваш текст</B></FONT></a></li> <li><a href="/">Главная страница</a></li> <li><a href="/gb/">Гостевая</a></li> <li><a href="/publ/">Статьи</a></li> <li><a href="/forum/">Форум</a></li> </ul> </div> <a class="menuitem submenuheader" href="/" >Чета ваше</a> <div class="submenu"> <ul> <li><a href="/">Чета ваше</a></li> <li><a href="/">Чета ваше</a></li> <li><a href="/">Чета ваше</a></li> <li><a href="/">Чета ваше</a></li> </ul> </div> <a class="menuitem submenuheader" href="/" >Чета ваше</a> <div class="submenu"> <ul> <li><a href="/">Чета ваше</a></li> <li><a href="/">Чета ваше</a></li> <li><a href="/">Чета ваше</a></li> <li><a href="/">Чета ваше</a></li> </ul> </div> Сообщение отредактировал XENON - Воскресенье, 09.01.2011, 11:47 |
Дата: Воскресенье, 17.10.2010, 16:45 | Сообщение # 3
|
ИЗМЕНИЛ ПЕРВЫЙ ПОСТ. УБРАЛ ВСЮ РЕКЛАМУ, ИСПРАВИЛ БАГ С ПЛЮСАМИ И МИНУСАМИ.
ctac, смотри первое сообщение. |
| |||
| |||