Четверг, 10.07.2025, 02:32
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Вертикальное меню для Ucoz
aRoДата: Понедельник, 19.07.2010, 16:09 | Сообщение # 1
Модератор MEGAquatro
Группа: Пользователи
Сообщений: 161
Репутация: 122
Статус:

Установка:

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

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

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{    
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>
 
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2025Хостинг от uCoz