Красивое меню кнопочками для Ucoz от o-ucozik.ru | Меню для ucoz от o-ucozik.ru
 

 

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

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

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

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


Красивое меню кнопочками для Ucoz


Установка:

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

2. Копируем код, и вставляем между и

Code
<style type="text/css">  
/* --------------------------  
AUTHOR : ST1M  
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>

3. Вставляем этот код в любое место

Code
<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 с Другого источника

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

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

Красивое меню кнопочками для Ucoz от O-Ucozik.ru

Кто добавил: [Kxaker] | Просмотров: [877] | Дата: [08.02.2010]


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




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


Кто онлайн:

Кто был:
eleanorgl69
Наши партнеры