Приветствую Вас Гость
Четверг
28.03.2024
19:41

Мой сайт

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Меню » Красивое горизонтальное меню
Красивое горизонтальное меню
hegreNz0rДата: Четверг, 09.09.2010, 18:28 | Сообщение # 1
•°•Админ•°•
Группа: Пользователи
Сообщений: 341
Награды: 3
Репутация: 5
http://s55.radikal.ru/i147/1004/11/e33867998c3b.jpg <----Скрин...

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 » Меню » Красивое горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск: