Навигатор
Категории раздела
Профиль для ucoz [9]
Новый профиль для ucoz, мини профиль для ucoz, скрипт для ucoz профиль, профиль для сайта ucoz
Ajax для ucoz [15]
Ucoz ajax, ajax окна для ucoz, скрипты ajax для ucoz, новые ajax окна для ucoz, новый вид ajax ucoz
Скрипты для ucoz [136]
скачать скрипты для ucoz, скрипты ucoz
Меню для ucoz [44]
меню для ucoz, горизонтальное меню для ucoz, раздвижное меню ucoz, вертикальное, выпадающие меню ucoz
Календари для ucoz [18]
скрипт календарь cs, скрипт для ucoz календарь, календарь для ucoz cs 1.6, календари ucoz
Часы для ucoz [31]
часы для ucoz, часы для ucoz cs 1.6
Статистика для ucoz [11]
статистика cs для ucoz
Форма входа для ucoz [13]
форма входа для ucoz
Переключатели для ucoz [8]
Переключатели страниц для ucoz
Шапки для ucoz [13]
шапки для ucoz cs 1.6
Раскрутка и продвижение сайта
Интересное


Красивое горизонтальное меню д...
Рейтинг: 49769


Мини профиль + Форма входа
Рейтинг: 48527


Мини-чат для ucoz
Рейтинг: 44068


Скрипт мониторинга cs серверов
Рейтинг: 39385
Статистика
Онлайн всего: 8
Гостей: 8
Пользователей: 0

Сегодня нас посетили:
bapedHot, lapedHot, JamesMop, zapedHot, papedHot, capedHot, Dadgilvag
Яндекс.Метрика
Главная » Скрипты для ucoz » Меню для ucoz

Горизонтальное глянцевое меню для сайта

горизонтальное глянцевое меню для сайта

Меню для ucoz - Горизонтальное глянцевое меню для сайта

Оригинальное горизонтальное глянцевое меню для сайта. Меню выполнено в бело-зеленых цветах. Меню ucoz не использует javascripts, только CSS и HTML.

Установка:

Вставляем в Ваш CSS:
Code
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://wallaby.ucoz.ru/menu_templates/green_menu_bg.gif) repeat-x; /*путь к картинке заднего фона*/
height: 46px;
list-style: none;
}

.glossymenu li{
float:left;
}

.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 20px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;  
}

.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 3px; /*Расстояние между элементами меню*/
}

.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://wallaby.ucoz.ru/menu_templates/green_menu_hover_left.gif) no-repeat; /*путь к левой картинке*/
background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://wallaby.ucoz.ru/menu_templates/green_menu_hover_right.gif) no-repeat right top; /*путь к правой картинке*/
}


Этот код вставляем в верхнюю часть сайта(там где хотим видеть глянцевое меню):
Code
<ul class="glossymenu">
<li class="current"><a href="#"><b>Главная</b></a></li>
<li><a href="#"><b>Регистрация</b></a></li>  
<li><a href="#"><b>Поиск</b></a></li>
<li><a href="#"><b>Карта сайта</b></a></li>  
<li><a href="#"><b>О нас</b></a></li>  
</ul>

Совет для вебмастеров!.
Внимание, мы настоятельно рекомендуем использовать домены 2-го уровня, такие как ru,com и т.п. стоят они не дорого, ru можно купить за 99 руб, не нужно делать сайт на юкозовском домене! Сайт с юкозовским доменом долеко не уйдет! Если ж у Вас все таки нету жалких 99 рублей, Вы можите зарегистрировать бесплатно домен 2-го уровня tk, по данной ссылке
ЖМИ И РЕГИСТРИРУЙ
С уважением, администрация.
Категория: Меню для ucoz | Добавил: Wallaby
Просмотров: 4427 | Комментарии: 5
Теги: Горизонтальное глянцевое меню для сайта - Скрипты для ucoz, новые интересные Скрипты для ucoz - Горизонтальное глянцевое меню для сайта
Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
wallaby.ucoz.ru
Поиск
Шаблоны для ucoz
Sape
ремонт ноутбуков ижевск
Лучшая коллекция аниме на анимемувие, валлаби рекомендует!) купить кухню в ульяновске
Скрипты для ucoz
Joomla
Cinema 4D
Графика для uCoz
Copyright wallaby.ucoz.ru - Мировой портал - Joomla,Ucoz,Cinema 4D © 2017 Карта сайта | Карта форума