Статистика

На сайте: 1
Гостей: 1
Юзеров: 0
Главная » Файлы » Ucoz меню

Горизонтальное меню для ucoz
[ · Скриншот ] 30.10.2010, 21:18

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

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

3. Скачиваем архив, и кидаем 2 картинки из него в папку images

Категория: Ucoz меню | Добавил: vinilki | Теги: Горизонтальное меню для ucoz
Просмотров: 2599 | Загрузок: 8 | Комментарии: 2 | Рейтинг: 5.0/2
Всего комментариев: 2
23.08.2011, 20:49
#1 Написал: SHMALIDZE
Админы этого сайта ДЕБИЛЫ!!!!
Первый код ставится в CSS, а не в в head сайта

18.09.2012, 03:55
#2 Написал: RICHMOND
ахах первый код это css стили а не само меню.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]