[Главная· Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Красивое горизонтальное меню
Красивое горизонтальное меню
Kirill_116_rusДата: Воскресенье, 28.03.2010, 10:15 | Сообщение # 1

Профессионал
Off
Сообщений: 580

1. Ставим этот код в head сайта

Code
<style type="text/css">   

/*Credits: ST1M */   
/*URL: http://www.nncity.nnov.ru */   

.solidblockmenu{   
margin: 0;   
padding: 0;   
float: left;   
font: bold 13px Arial;   
width: 100%;   
overflow: hidden;   
margin-bottom: 1em;   
border: 1px solid #625e00;   
border-width: 1px 0;   
background: black url(/images/blockdefault.gif) center center repeat-x;   
}   

.solidblockmenu li{   

display: inline;   
}   

.solidblockmenu li a{   
float: left;   
color: white;   
padding: 9px 11px;   
text-decoration: none;   
border-right: 1px solid white;   
}   

.solidblockmenu li a:visited{   
color: white;   
}   

.solidblockmenu li a:hover, .solidblockmenu li .current{   
color: white;   
background: transparent url(/images/blockactive.gif) center center repeat-x;   
}   

</style>

2. А этот код вставляем туда, где хотите видеть это меню

Code
<ul class="solidblockmenu">   
<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>   
<li><a href="Ссылка">Название</a></li>   
</ul>   
<br style="clear: left" />   

<p class="iepara">Paragraph that follows...</p>


[url
 
Форум » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Красивое горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск:


clan-sg,Клан-сг, sg Хостинг от uCoz