Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz

Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 3
Гостей: 3
Пользователей: 0

Сайт сегодня посетили:

Горизонтальное меню (Серое, голубое при наведении)

Главная » Скрипты для uCoz » Горизонтальное меню (Серое, голубое при наведении)
Горизонтальное меню (Серое, голубое при наведении) для uCoz
Знакомый написал(grigor) горизонтальную менюшку с CSS в синих тонах с эффектом наведения. Оно полностью кроссбраузерное(работает даже в IE).

Code
<div id="nav-menu">  
<ul>  
<li><a href="http://rucoz.com/">Главная</a></li>  
<li><a href="http://rucoz.com/forum">Форум</a></li>  
<li><a href="#">Контакты</a></li>  
</ul>  
</div>

css:
Code
#nav-menu ul  
{  
list-style: none;
padding: 0;  
margin: 0;  
}  

#nav-menu li  
{  
float: left;  
margin: 0 0.15em;  
}  

#nav-menu li a  
{  
background: url(http://i061.radikal.ru/1008/0b/9b16ae24370a.gif) #fff;  
height: 2em;  
line-height: 2em;  
float: left;  
width: 9em;  
display: block;  
border: 0.1em solid #dcdce9;  
color: #0067ba;  
text-decoration: none;  
text-align: center;  
}  
#nav-menu li a:hover  
{  
background: url(http://i067.radikal.ru/1008/34/4223e9558611.gif) #fff;  
height: 2em;  
line-height: 2em;  
float: left;  
width: 9em;  
display: block;  
border: 0.1em solid #dcdce9;  
color: #fff;  
text-decoration: none;  
text-align: center;  
}  
/* Хак для IE */  
#nav-menu li a  
{  
float: none  
}  
/* ========== */  

#nav-menu  
{  
width:30em  
}

Источник: http://solidsoft.net.ru/forum/8-53-1

Просмотров: 1374 | Комментариев: 5 | Опубликовал: DizeL | Дата: 20.09.2010

 07.10.2010   

 

 Компактная статисти... 

 01.05.2010   

 

 Code и quote в моду... 

 08.11.2009   

 

 Быстрый поиск по ка... 

 30.11.2009   

 

 Мониторинг css серв... 

 30.11.2009   

 

 Анти-флуд защита в ... 

 14.10.2009   

 

 Мини Профиль 

 22.12.2010   

 

 Серое меню с точкам... 

 21.10.2009   

 

 Удобный чат 

 08.02.2010   

 

 Вид материалов (Для... 

 14.03.2010   

 

 flash часы 

 29.08.2010   

 

 Сегодняшние посетит... 

 31.01.2010   

 

 Простенькое меню са... 

 23.07.2010   

 

 Уникальное меню как... 

 30.09.2010   

 

 Рекламная лента (Сл... 

 27.09.2009   

 

 форма входа картинк... 

 03.03.2011   

 

 Замена CSS на сайте... 

 14.09.2009   

 

 Блок: "Советуе... 

 17.01.2011   

 

 Топ пользователей н... 

 12.12.2010   

 

 Проверка статуса по... 

 05.12.2009   

 

 Новый поиск для кат... 

 12.10.2009   

 

 Кнопка Вверх (Плавн... 

 14.01.2010   

 

 Переключатель, как ... 

 29.08.2010   

 

 Красивое горизонтал... 

 04.01.2010   

 

 Новый вид материало... 

 03.03.2011   

 

 Измененное ajax окн... 

 16.09.2009   

 

 Вид новостей v.1.1 

 18.09.2009   

 

 Красивый эффект изо... 

 18.04.2011   

 

 Увеличение картинки... 

 05.11.2009   

 

 Репутация и награды... 

 06.11.2009   

 

 Ссылки как на DLE 

 02.08.2010   

 

 Черное аякс окно v.... 

 23.07.2010   

 

 Сообщение администр... 

 14.09.2009   

 

 Новый вид фотоальбо... 

 07.02.2010   

 

 Кто online v. 1.0 

 25.01.2010   

 

 Cкрипт изменяющий м... 

 07.12.2009   

 

 Вид категорий как н... 

 20.10.2010   

 

 Новый мини-профиль 

 27.10.2009   

 

 Теги с 4dle 

 22.05.2010   

 

 Изменение стиля мен... 

 27.10.2010   

 

 Массовая отправка н... 

 11.12.2009   

 

 Плавное сворачивани... 

 20.11.2010   

 

 Новый анти-мат для ... 

 08.11.2009   

 

 Перейти на нужную с... 

 23.10.2010   

 

 Модальное окно голу... 

 12.12.2013   

 

 Новогодние украшени... 

 05.11.2009   

 

 Вид материалов by e... 

 08.11.2009   

 

 Информация профиля ... 

 20.09.2009   

 

 Форма входа 

 06.11.2009   

 

 (Profile, лс...) на... 

 08.11.2009   

 

 Смотрим то что скры... 

 06.11.2009   

 

 Персональная страни... 

 28.09.2010   

 

 Замена стандартной ... 

 27.02.2014   

 

 Форма поиска по сай... 

 13.11.2010   

 

 Скрипт файлообменни... 

 12.07.2010   

 

 Скрипт проверки Дру... 

 06.11.2009   

 

 Неплохой,красивый м... 

 25.09.2009   

 

 Прозрачная ucoz пан... 

 07.11.2009   

 

 Персональная страни... 

 23.07.2010   

 

 Сообщение администр... 

 11.10.2009   

 

 Выдвижной профиль 

 31.12.2013   

 

 Кнопки вверх для са... 

 08.10.2009   

 

 Поиск по форуму 

 25.09.2009   

 

 Профиль 

 07.11.2009   

 

 Причина удаления ма... 

 03.03.2010   

 

 Необходимый софт ne... 

 13.02.2010   

 

 flash часы для ucoz... 

 27.09.2010   

 

 Универсальная прове... 

 13.11.2010   

 

 Персональная страни... 

 20.04.2011   

 

 Синий вид комментар... 

 18.12.2009   

 

 Новое на форуме как... 

 12.07.2010   

 

 Гостевая комната ба... 

 21.12.2009   

 

 Запрет на понижение... 

 23.12.2009   

 

 Новое рекламное мес... 

 04.11.2009   

 

 Белый переключатель... 

 25.09.2009   

 

 Другой вид мини про... 

 14.03.2010   

 

 flash часы 

 19.01.2011   

 

 Новый поиск 

 06.05.2011   

 

 Личное сообщение, с... 

 23.01.2011   

 

 Лжестатистика на фо... 

 23.12.2009   

 

 Новый вид информаци... 

 14.02.2010   

 

 Авто теги 

 21.12.2009   

 

 Окно оповещения о н... 

 08.10.2009   

 

 Тему просматривают.... 

 13.10.2013   

 

 Скрипт Добавь в зак... 

 04.12.2009   

 

 Искать с помощью Go... 

 25.09.2009   

 

 Описание группы при... 

 06.11.2009   

 

 Раздвижное меню &qu... 

 10.10.2009   

 

 Таблица статистика ... 

 18.11.2013   

 

 Кнопки "Вверх&... 

 19.12.2009   

 

 Персональная страни... 

 17.01.2011   

 

 Черное, красивое вы... 

 02.05.2010   

 

 Окно с вашей просьб... 

 16.07.2010   

 

 Очень эффектно выгл... 

 30.07.2010   

 

 Скрипт Вид AJAX Око... 

 26.12.2010   

 

 Профиль 

 20.09.2009   

 

 MP3 на сайте прослу... 

 11.02.2011   

 

 Измененная страница... 

 30.09.2009   

 

 Удобное отправление... 

 09.10.2009   

 

 Отправка быстрого П... 

 05.11.2009   

 

 Окно просьба зареги... 

 08.11.2009   

 

 При наведении на ка... 

Всего комментариев: 5
 
  0 4 Alex 29.11.2011 01:44:08 а как это меню сдвинуть в центр? Цитировать | Редактировать | Удалить
 

 
  0 5 DizeL 30.11.2011 22:53:06 В CSS допиши:
#nav-menu {float: center;}
Цитировать | Редактировать | Удалить
 

 
  0 3 kshlkv 20.11.2011 22:17:31 Классное меню, спасибо)) Цитировать | Редактировать | Удалить
 

 
  0 1 Solid 28.09.2010 21:28:18 Скрипт хороший
лично я советую,подойдет под многие сайты
Цитировать | Редактировать | Удалить
 

 
  0 2 DizeL 28.09.2010 21:53:27 Не как не считается скриптом =)
CSS и HTML. Больше ничего
Цитировать | Редактировать | Удалить
 

3aKa4Ka.at.ua - портал веб мастеров

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.