Приветствую Вас Прохожий | RSS Вторник, 06.12.2016, 20:52
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 20
Гостей: 18
Пользователей: 2
MaDaRa, LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты блоки и шапки

Горизонтальное hover меню

Горизонтальное hover меню Горизонтальное, hover, меню,
Горизонтальное hover меню
Установка
В head ставим это:
Code
<style type="text/css">  
  *{  
margin:0;  
padding:0;  
}  
body{  
background:#fff;  
color:#666;  
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
}  
#menu ul{  
list-style:none;  
}  
#menu li{  
background:url(/images/menu_035_bg.jpg) repeat-x;  
list-style:none;  
display:block;  
float:left;  
height:36px;  
border-right:1px solid #dbdbdb;  
line-height:36px;  
}  
#menu li a{  
display:block;  
float:left;  
color:#b1b1b1;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:36px;  
text-decoration:none;  
padding:0 25px;  
}  
#menu li a:hover{  
color:#747474;  
background:url(/images/menu_035_h.jpg) repeat-x;  
}  
#menu li a.current{  
display:block;  
float:left;  
color:#6c822e;  
background:url(/images/menu_035_c.jpg) repeat-x;  
text-transform:uppercase;  
font-size:11px;  
font-weight:bold;  
line-height:36px;  
text-decoration:none;  
padding:0 25px;  
}  
#menu li a:hover.current{  
color:#6c822e;  
}</style>

Там, где нужно вывести меню, пишем это:

Code
<div id="menu">  
<ul>  
<li><a href="ссылка" class="current">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
<li><a href="ссылка">Название</a></li>  
</ul>  
</div>

Скачиваем архив и заливаем картинки из скачаной папки в папку images

Автор\Источник: не указан или не известен!

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3314 | Комментарии: 6 | Рейтинг: 4.7/7 | |Категория: Скрипты блоки и шапки | Добавил: мир | Дата: 19.01.2011 | Скачали: 6 | Теги: Горизонтальное, меню, hover
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 5
4 superbit66ucozru   Дата: 07.06.2011  Время: 03:11   [№ 8853]
head это где находится ваше???? может пропишете путь?????

Ответ: Путь не прописывается, это тело страницы, читать все подробности тут http://ucozon.ru/faq/chto_takoe_lt_head_i_gde_ego_iskat/2-0-41

5 Playmanovich   Дата: 07.06.2011  Время: 12:59   1 [№ 8859]
панель управления/страницы сайта и ищешь и ставишь перед
Code
</head>

3 boy   Дата: 08.04.2011  Время: 22:29   [№ 7585]
отлично)спасибо

2 Mister_Dock   Дата: 07.03.2011  Время: 21:12   [№ 6928]
Прикольно сегодня же добавляю себе на сайт!

1 The_FactioN   Дата: 19.01.2011  Время: 15:40   [№ 6015]
А вот это то что нужно


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Файловик. Уникальные те...

0

2 Куплю сайты в индексе Я...

1

3 Куплю сайты с ТИЦ/PR (п...

9

4 Предлагаю услуги для ан...

0

5 Предлагаю услуги по про...

0

6 Комплексный прогон сайт...

51

7 Сайт онлайн фильмов на ...

1

8 Проблема с таблицей

9

9 Отредактировать фото

2

10 Уже все перепробовал )

1


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru