Время: 17:39
Вы вошли как Гость | Группа "Гости"Приветствую Вас Гость | RSS
Меню сайта
Популярное
Movavi Video Convert...
Antares Autotune 5.0...
Базис мебельщик 7.0 ...
SONY Vegas Pro 12.0 ...
Статистика


Главная Файлы Все для Ucoz Скрипты для Ucoz



Хорошее горизонтальное меню

Хорошее горизонтальное меню

Хорошее горизонтальное меню
Необходимость наличия меню на сайте не требует доказательств, поэтому одним из вариантов для шаблона сайта ucoz является представленный скрипт ucoz - Горизонтальное меню

Установка
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>

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>

Источник: http://www.ucoooz.ru/

Категория: Скрипты для Ucoz
Просмотров: 1908 | Дата: 30.09.2010 | Комментарии: 1 | Рейтинг: 5.0/1

Похожие материалы:
Поделись ссылкой

  • - ссылка
  • - BBCode
  • - HTML
  • Всего комментариев: 1
    1  
    как скачивать ?!
    _____________
    GS Game World

    GreyShark

    GS-Game-World.TK

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

    Опрос
    Из какой поисковой системы вы к нам попали?
    Всего голосовало: 4041