Главная » 2010 » Февраль » 21 » Горизонтальное меню (красно-черное) (Скрипты для ucoz)
21.02.2010, 20:05

Горизонтальное меню (красно-черное)



ПУ-->Управление дизайном-->CSS. Кидаем туда это:

Code

<style type="text/css">
.solidblockmenu{
  margin: 0;
  padding: 0;
  float: left;
  font: bold 13px Arial;
  width: 100%;
  border: 1px solid #625e00;
  border-width: 1px 0;
  background: black url(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(blockactive.gif) center center repeat-x;
}
</style>  
   
<!--[if IE]>
<style type="text/css">
  p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
  padding-top: 1em;
}
</style>
<![endif]-->

Само меню:

Code
<ul class="solidblockmenu">
  <li><a href="http://www.jongol.ru" title="Домой">Домой</a></li>
  <li><a href="http://www.jongol.ru/php/" title="PHP">PHP</a></li>
  <li><a href="http://www.jongol.ru/javacript/" title="JavaScript">JavaScript</a></li>
  <li><a href="http://www.javascriptkit.com/">JavaScript</a></li>
  <li><a href="http://www.jongol.ru/css/" title="CSS" class="current">CSS</a></li>
  <li><a href="http://www.jongol.ru/contact/" title="Контакты">Контакты</a></li>
</ul>
<br style="clear: left" />
Материал взят с сайта infoscript.ru
Теги: Скачать Горизонтальное меню (красно-черное)
Скачать "Горизонтальное меню (красно-черное)"
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 6072 | Добавил: RaDo^^ | Рейтинг: 3.0/2 |
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]