Горизонтальное меню (берюзовая графика) от o-ucozik.ru | Меню для ucoz от o-ucozik.ru
 

 

     
http://o-ucozik.ru/Sait/logo.png  
 
 

 Главная Форум Все для ucoz Топ сайтов Проекты Получить сертификат Карта сайта Rss  Реклама 

Наш опрос
Как вам диз?
Всего ответов: 261
Мини-чат
200
http://s18.ucoz.net/img/icon/tr.png Реклама 468*60 [Купить]
[Главная] [Форум] [Работа] [V.I.P] [Карта сайта] [Реклама на портале] [RSS]

В связи с тем, что сайт был взломан и переведен на новый домен, просьба сообщать нам о нерабочих файлах!


Горизонтальное меню (берюзовая графика)


Установка 
1. Качаем архив, закидываем картинки в папку images 
2. Копируем код скрипта ucoz - и вставляем между <head> и </head>

<STYLE type="text/css">   
/* --------------------------   
AUTHOR : ST1M   
URL : http://www.nncity.pp.ru   
Copyrights by ST1M   
----------------------------*/   
*{   
margin:0;   
padding:0;   
}   
body{   
background:#fff;   
color:#666;   
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;   
}   
#menu{   
width:700px;   
}   
#menu ul{   
list-style:none;   
}   
#menu li{   
list-style:none;   
display:block;   
float:left;   
margin:0 1px;   
}   
#menu li a{   
display:block;   
float:left;   
height:52px;   
color:#0e7b93;   
text-transform:uppercase;   
font-size:11px;   
font-weight:bold;   
background:url(/images/menu_027_l.jpg) no-repeat left;   
line-height:39px;   
padding:0 0 0 18px;   
text-decoration:none;   
}   
#menu li a span{   
display:block;   
float:left;   
background:url(/images/menu_027_r.jpg) no-repeat right;   
height:52px;   
color:#0e7b93;   
line-height:39px;   
padding:0 36px 0 17px;   
}   
#menu li a:hover{   
display:block;   
float:left;   
background:url(/images/menu_027_h_l.jpg) no-repeat left;   
height:52px;   
}   
#menu li a:hover span{   
display:block;   
float:left;   
background:url(/images/menu_027_h_r.jpg) no-repeat right;   
color:#7c832d;   
height:52px;   
}   
#menu li a.current{   
display:block;   
float:left;   
height:52px;   
color:#7c832d;   
text-transform:uppercase;   
font-size:11px;   
font-weight:bold;   
background:url(/images/menu_027_h_l.jpg) no-repeat left;   
line-height:39px;   
padding:0 0 0 18px;   
text-decoration:none;   
}   
#menu li a.current span{   
display:block;   
float:left;   
background:url(/images/menu_027_h_r.jpg) no-repeat right;   
height:52px;   
color:#7c832d;   
line-height:39px;   
padding:0 36px 0 17px;   
}</STYLE><P>


3. Вставляем код скрипта ucoz туда где хотим видеть меню

<div id="menu">   
<ul>   
<li><a href="Ссылка" class="current"><span>Имя</span></a></li>   
<li><a href="Ссылка"><span>Имя</span></a></li>   
<li><a href="Ссылка"><span>Имя</span></a></li>   
<li><a href="Ссылка"><span>Имя</span></a></li>   
<li><a href="Ссылка"><span>Имя</span></a></li>   
</ul>   
</div>

Скачать | Download с Другого источника

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

Жаловаться на материал Источник материала Добавить в закладки

Горизонтальное меню (берюзовая графика) от O-Ucozik.ru

Кто добавил: [FOXAR] | Просмотров: [1069] | Дата: [14.11.2010]


http://s18.ucoz.net/.s/img/icon/fr.png Отзывы о материале
Всего комментариев: 0




Мини профиль
Логин:
Пароль:
Выделенный сервер, аренда серверов, дешевые сервера, купить сервер, хостинг сервера
Поиск
Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0


Кто онлайн:

Кто был:

Наши партнеры