Рип меню для сталкер сайтов на ucoz. Автор рипа MonaX.
Установка:
В блок где хотим видеть меню:
Код
<div class="glossymenu">
<a class="menuitem submenuheader" href="/" >Главная портала</a>
<div class="submenu">
<ul>
<li><a href="/forum">Форум</a></li>
<li><a href="/load">Файлы</a></li>
<li><a href="/publ">Документация</a></li>
<li><a href="/photo">Галерея</a></li>
</ul>
</div>
<a class="menuitem submenuheader">Web Stalker</a>
<div class="submenu">
<ul>
<li><a href="/load/skripty_stalker/69">Каталог скриптов S.T.A.L.K.E.R</a></li>
<li><a href="/load/studija_dizajna/48">Шаблоны S.T.A.L.K.E.R</a></li>
<li><a href="/forum/55">Графика S.T.A.L.K.E.R для сайта</a></li>
</ul>
</div>
<a class="menuitem submenuheader">Моддинг S.T.A.L.K.E.R</a>
<div class="submenu">
<ul>
<li><a href="http://mystalkers.ru/forum/40">Уроки моддинга</a></li>
<li><a href="http://mystalkers.ru/forum/41">Программы для моддинга</a></li>
<li><a href="http://mystalkers.ru/load/stalker/57">Моды для S.T.A.L.K.E.R</a></li>
</ul>
</div>
<a class="menuitem submenuheader" href=""><font color="red">Энциклопедия</font> - в разработке</a>
</div>
В css:
Код
/* GlossyMenu */
.glossymenu{
margin-left: 5px;
padding: 0;
width: 175px; /*width of menu*/
border: 0px solid #000000;
border-bottom-width: 0;
}
.glossymenu a.menuitem{
background: black url(http://stalker-studio.at.ua/Scripts/Ms-Menu/menuh.png);
font: normal 11px "Tahoma", "Tahoma", Tahoma, Tahoma, Tahoma;
color: #808080;
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: #dbdbdb;
}
.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{
color:#d4aa00;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background-image: url(http://stalker-studio.at.ua/Scripts/Ms-Menu/body.png);
}
.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 11px "Arial", "Arial", Arial, Arial, Arial;
color: #dbdbdb;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
color:d4aa00;
}
DIV.xw-bcm{height:2px}
.admBarCenter {color:#FFF !important}
/* hint menu by viskite.do.am */
.hint
{
background:url('http://stalker-studio.at.ua/Scripts/Ms-Menu/-1.png');
line-height:10px;
color:#d4d4d4;
font-family:verdana,arial,helvetica;
font-size:8pt;
width:auto;
border-top:1px solid #585858;
border-right:1px solid #585858;
border-bottom:1px solid #585858;
border-left:4px solid #7f0a0a;
margin:1px;
padding:8px;
position:absolute;
visibility:hidden;
}
/* ---------------- */