Воскресенье, 27.07.2025, 11:41

Мой сайт

Мини-чат
uCoz Система
Телевизионные шоу Документальные Приключения Исторические Ужасы Боевики Анимэ Криминал Фантастика Драмы Детективы Мультфильмы Фэнтези Мелодрамы Спорт
Наш Сервер
Мониторинг серверов Counter-Strike: Source
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красвиое видвижное меню для сайтов uCoz
NeoДата: Четверг, 20.01.2011, 18:44 | Сообщение # 1
Логин: Neo
Сообщения: 321
Наград: 0
Замечаний:
-
+
«178»

[Table]Скачать js файл для видвижного меню для uCoz---> http://depositfiles.com/ru/files/s4slw0m3s[/Table]
[Table]Это в css:[/Table]
Code
/* GlossyMenu */   
.glossymenu{   
margin: 5px 0;   
padding: 0;   
width: 185px; /*width of menu*/   
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; /*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: #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; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }   

.glossymenu a.menuitem{background:url(/images/m2.png) #c5c5c5 ;font: normal 10px "Arial", "Arial", Arial, Arial, Arial;   
color: #5d5d5d;   
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: url(/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 #5d5d5d;   
}   

.glossymenu div.submenu ul li a{   
display: block;   
font: normal 10px "Arial", "Arial", Arial, Arial, Arial;   
background:url(/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(/images/m1.png);   
colorz: #999999;   
}   
/* -------- */

[Table]В страницы сайта после head :[/Table]

Code
<script type="text/javascript" src="/js/ddaccordion.js"></script>   
<script type="text/javascript" src="/js/sdmenu.js"></script>   

Сам код меню, ставим в блок:   
Code   
<div class="glossymenu">   
<a class="menuitem submenuheader" href="/" >Основ. раздел</a>   
<div class="submenu">   
<ul>   
<li><a href="http://bu-portal.at.ua/"><FONT color=#ff0000><B>Все скрипты только у нас http://bu-portal.at.ua//</B ></FONT></a></li>   
<li><a href="http://bu-portal.at.ua//"><FONT color=#ff0000><B>http://bu-portal.at.ua/</B></FONT></a></li>   
<li><a href="http://bu-portal.at.ua/">Главная страница</a></li>   
<li><a href="http://bu-portal.at.ua/">Гостевая</a></li>   
<li><a href="http://bu-portal.at.ua/">Статьи</a></li>   
<li><a href="http://bu-portal.at.ua/">Форум</a></li>   
</ul>   
</div>   

<a class="menuitem submenuheader" href="/" >Чета ваше</a>   
<div class="submenu">   
<ul>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
</ul>   
</div>   

<a class="menuitem submenuheader" href="/" >Чета ваше</a>   
<div class="submenu">   
<ul>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
<li><a href="http://bu-portal.at.ua/">Чета ваше</a></li>   
</ul>   
</div>


[TableRed][/TableRed]
  • Страница 1 из 1
  • 1
Поиск: