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


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



Вертикальное меню (красный дизайн)

Скрипты ucoz - Вертикальное меню (красный дизайн)
Скрипты ucoz - Вертикальное меню (красный дизайн)

Установка
1. Качаем архив, закидываем картинки в папку images
2. Копируем код скрипта ucoz - и вставляем между <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 Tahoma, Arial, Helvetica, sans-serif;  
}  
#menu{  
background:url(/images/menu_026_bg.jpg) no-repeat;  
width:172px;  
height:191px;  
padding:15px;  
}  
#menu ul{  
list-style:none;  
padding:0 0 0 8px;  
}  
#menu li{  
list-style:none;  
display:block;  
padding:10px 0;  
}  
#menu li a{  
list-style:none;  
display:block;  
background:url(/images/menu_026_b.gif) no-repeat left center;  
color:#ffe991;  
font-weight:bold;  
text-transform:uppercase;  
font-size:11px;  
text-decoration:none;  
padding:0 5px 0 25px;  
}  
#menu li a:hover{  
background:url(/images/menu_026_h.gif) no-repeat left center;  
color:#fff;  
text-decoration:none;  
}  
#menu li .current{  
list-style:none;  
display:block;  
background:url(/images/menu_026_h.gif) no-repeat left center;  
color:#fff;  
font-weight:bold;  
text-transform:uppercase;  
font-size:11px;  
text-decoration:none;  
padding:0 5px 0 25px;  
}  
#menu li a.current, #menu li a:hover.current{  
background:url(/images/menu_026_h.gif) no-repeat left center;  
color:#fff;  
text-decoration:none;  
}</STYLE><P>

3. Вставляем код скрипта ucoz туда где хотим видеть меню
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>  
</ul>  
</div>
Категория: Скрипты для Ucoz
Просмотров: 1584 | Дата: 30.09.2010 | Комментарии: 1 | Рейтинг: 5.0/1

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

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

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

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