Красивое горизонтальное новое меню скрипт для Ucoz Установка:
1.Этот код самого меню ставим туда, где хотим его видеть:
Code
<!--Меню горизонтальное начало от kwiq.ru-->
<div id="topmenu"><ul id="mainlevel-nav"><li><a href="http://kwiq.ru/" class="mainlevel-nav" title="Главная">Главная</a></li><li><a href="http://kwiq.ru/forum/" class="mainlevel-nav" title="Перейти на форум">Форум</a></li><li><a href="http://kwiq.ru/load/" class="mainlevel-nav" title="Перейти к каталогу файлов">Каталог файлов</a></li><li><a href="http://kwiq.ru/news/" title="Перейти к новостям сайта" target="_blank" class="mainlevel-nav">Новости</a></li><li><a href="http://kwiq.ru/blog/" class="mainlevel-nav" title="Перейти к блогу">Блог</a></li></ul></div>
<!--Меню горизонтальное конец от kwiq.ru -->
2.Этот код таблицы стилей (CSS) устанавливаем в самый конец вашей таблицы стилей ПУ ==> Управление дизайном ==> Общие шаблоны ==> Таблица стилей (CSS):
Code
/* Меню горизонтальное */
#topmenu {
background-image: url(http://passionlove.ru/images/topmenu_bg.jpg);
background-repeat: repeat-x;
height: 32px;
border-top: 1px solid #FFFFFF;
text-align: center;
}
ul#mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
}
ul#mainlevel-nav li {
display: block;
background-image: none;
float: right;
text-align: center;
font-weight: bold;
margin: 0;
padding: 0;
width: auto !important;
font-size: 11px;
text-transform: uppercase;
line-height: 32px;
white-space: nowrap;
border-left: 1px solid #DBDBDB;
}
ul#mainlevel-nav a:link, ul#mainlevel-nav a:visited {
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
text-decoration: none;
}
ul#mainlevel-nav a:hover {
background-image: url(http://passionlove.ru/images/topmenu_bga.jpg);
background-repeat: repeat-x;
display: block;
padding-left: 15px;
padding-right: 15px;
margin: 0px;
width: auto !important;
font-size: 11px;
text-transform: uppercase;
line-height: 32px;
white-space: nowrap;
}
/* ------------------------ */
