Разделы сайта
На правах рекламы
Наш опрос
Как Вы попали на сайт?
Главные новости
Яndex.ru: Скрипт для DLE хостинг игровых серверов
Google: как вставить курсоры для сайтов ucoz
Mail.ru: скачать скрипты для сайта ucoz на тему css Google: красивый вид новостей Google: вид материалов кинотеатра Mail.ru: скрипты для ucoz состав клана cs 1.6 Google: slider ucoz Google: ава cs Google: скачать бесплатно шаблон движущие
Регистрация
Календарь
| Пн | Вт | Ср | Чт | Пт | Сб | Вс |
|---|---|---|---|---|---|---|
Выбор языка
Архив новостей
Наши друзья
Красивое горизонтальное меню для ucoz
-
| - Раздел: Всё для ucoz » Скрипты для ucoz » Меню ucoz
| - Опубликовано: 10 января, 09:01
У нас вы можете скачать бесплатно Красивое горизонтальное меню для ucoz .
Это материал доступен по следующим словам -
Не пропустите комментарии к Красивое горизонтальное меню для ucoz.
Данный материал предоставлен сайтом WU исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Это материал доступен по следующим словам -
Не пропустите комментарии к Красивое горизонтальное меню для ucoz.
Данный материал предоставлен сайтом WU исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Установка:
1. Скачиваем архив и заливаем картинки из скачанной папки в папку images
2. Копируем код, и вставляем между <head> и </head>
Code
<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{
}
#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>
/* --------------------------
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{
}
#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>
3. Вставляем этот код в любое место
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>
<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>
- Комментарии [0]
- Просмотров: 6825
|
Возникли проблемы с файлом Красивое горизонтальное меню для ucoz? Наш форум всегда готово помочь Вам в решение проблем с файлами в том числе и с Красивое горизонтальное меню для ucoz
Установите себе так же:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.