в системе uCoz
Главная » Файлы » Скрипты

Удобное сиреневое меню
08.08.2010, 20:39

Удобное сиреневое меню. Установка:

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:195px;  
}  
#menu ul{  
list-style:none;  
}  
#menu li{  
list-style:none;  
width:195px;  
height:30px;  
margin:5px 0;  
display:block;  
}  
#menu li a{  
list-style:none;  
display:block;  
color:#cc6699;  
font-weight:bold;  
text-transform:uppercase;  
font-size:13px;  
text-decoration:none;  
line-height:30px;  
text-indent:15px;  
}  
#menu li a:hover{  
background:url(/images/menu_038_h.jpg) no-repeat;  
text-decoration:none;  
}  
#menu li .current{  
list-style:none;  
display:block;  
background:url(/images/menu_038_c.jpg) repeat-x left;  
color:#fff;  
text-transform:uppercase;  
text-decoration:none;  
}  
#menu li a.current, #menu li a:hover.current{  
background:url(/images/menu_038_c.jpg) repeat-x left;  
color:#fff;  
text-decoration:none;  
}</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>  
</ul>  
</div>
Категория: Скрипты | Добавил: Антич | Теги: Удобное, сиреневое, меню
Просмотров: 447 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]