• Страница 1 из 1
  • 1
Меню для сайта ucoz, горизонтальное
Дмитрий Дата: Суббота, 25.08.2012, 15:55 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий

[spoiler="Скрин"][/spoiler]

Меню вставляем под шапку.

Код
<style type="text/css">    
#menu {    
margin:0 auto;    
border:1px solid #888888;    
border-radius:5px;    
width:950px;    
padding:10px;    
background:#E8E8E8;    
}    

#menu li {    
display:inline;    
list-style:none;    
}    

#menu a {    
color:#888888;    
font-size:12px;    
font-family:verdana;    
text-decoration:none;    
padding:8px;    
}    

#menu a:hover {    
border-radius:8px;    
padding:8px;    
color:#FFF;    
box-shadow:inset 0px 1px 0px #E8E8E8;;    
background:-o-linear-gradient(#888888,#222222);    
}    

#menu a:active {    
color:#88FF00;    
}    

#menu a.active {    
border-radius:8px;    
padding:8px;    
color:#FFF;    
box-shadow:inset 0px 1px 0px #E8E8E8;;    
background:-o-linear-gradient(#888888,#222222);    
}    

#menu a.active:hover {    
color:#FFF;    
}    

#menu li.line {    
color:#999999;    
}    
</style>    

<ul id="menu">    
<li><a href="#" class="active">Главная</a></li>    
<li class="line">|</li>    
<li><a href="#">Форум</a></li>    
<li class="line">|</li>    
<li><a href="#">Файлы</a></li>    
<li class="line">|</li>    
<li><a href="#">Все для bf2</a></li>    
<li class="line">|</li>    
<li><a href="#">Все для cs1.6</a></li>    
<li class="line">|</li>    
<li><a href="#">Все для ucoz</a></li>    
<li class="line">|</li>    
<li><a href="#">Все для фотошопа</a></li>    
<li class="line">|</li>    
<li><a href="#">Картинки для рабочего стола</a></li>    
</ul>
Прикрепления: 1914111.jpg (20.5 Kb)


From Russia With Love!
  • Страница 1 из 1
  • 1
Поиск: