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


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



Статистика
Онлайн всего: 10
Гостей: 10
Пользователей: 0



Главная » Файлы » Скрипты для 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

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

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 3405 | Комментарии: 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 выровнять вид материало...

1

2 Продам муз сайт

2

3 прошу вас помогите

1

4 Дополнительный заработо...

3

5 Помогу заработать деньг...

9

6 Продам базу трастовых с...

0

7 Цвет ника на форуме

5

8 Мощный прогон с общим Т...

0

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

51

10 Нужны копирайты

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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