[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Cs-On.ClAn.Su » Скрипты ucoz » Вертикальное меню удобное (Для розового дизайна)
Вертикальное меню удобное
CooopsДата: Среда, 11.08.2010, 08:35 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 49
Репутация: 0
Статус: Offline
Установка:

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

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

<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. Вставляем этот код в любое место

<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>

 
Форум » Cs-On.ClAn.Su » Скрипты ucoz » Вертикальное меню удобное (Для розового дизайна)
  • Страница 1 из 1
  • 1
Поиск:






Cs-On.ClAn.Su