Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт красивого горизонтального меню темное для uCoz
Скрипт красивого горизонтального меню темное для uCoz
Delete
Дата: Пятница, 03.08.2012, 21:25 | Сообщение # 1
Проверенные
Сообщений:1075
Награды: 7




Установка:
В CSS вставляем:

Код
#menu {padding:0;margin:0;list-style:none;}
#menu a {
list-style:none;
float:left;
position:relative;
padding:5px;
color:#fff;
background:-webkit-linear-gradient(top, #666 10%, #444 100%);
background:-moz-linear-gradient(top, #666 10%, #444 100%);
background:-o-linear-gradient(top, #666 10%, #444 100%);
background:linear-gradient(top, #666 10%, #444 100%);
border:1px solid #000;
text-decoration:none;
margin:0 0 0 -1px;
text-shadow:0 -1px 0 #000;
-webkit-transition:ease-in-out 100ms;
-moz-transition:ease-in-out 100ms;
-o-transition:ease-in-out 100ms;
transition:ease-in-out 100ms;
}
#menu a:hover {
background:-webkit-linear-gradient(top, #777 10%, #555 100%);
background:-moz-linear-gradient(top, #777 10%, #555 100%);
background:-o-linear-gradient(top, #777 10%, #555 100%);
background:linear-gradient(top, #777 10%, #555 100%);
margin:0;
box-shadow: 0 0 7px #000;
z-index:1
}
#menu a ul {
color:#000;
margin:1px 0 0 0;
padding:0;
font-size:11px;
color:#999;
-webkit-transition:ease-in-out 150ms;
-moz-transition:ease-in-out 150ms;
-o-transition:ease-in-out 150ms;
transition:ease-in-out 150ms;
}
#menu a:hover ul {color:#fff;}


Вставляем там где хотим видеть:
Код
<div id="menu">
<a href="">Главная
<ul>Главная страница www.CSTAV.ru</ul>
</a>
<a href="">Новости
<ul>Лучшие новости</ul>
</a>
<a href="">Файлы
<ul>Много файлов</ul>
</a>
<a href="">Статьи
<ul>Написаные от руки</ul>
</a>
<a href="">Фильмы
<ul>Смотрите у нас</ul>
</a>
<a href="">by use
<ul>ВСЕ ДЛЯ ВАС</ul>
</a>
</div>
Прикрепления: 9575399.png(6Kb)


На случай если буду нужен, то я там же, где и был, когда был не нужен...

Сообщение отредактировал kredit-oformi - Воскресенье, 27.07.2014, 21:27
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Скрипт красивого горизонтального меню темное для uCoz
Страница 1 из 11
Поиск: