[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Web-разработка » Скрипты » Горизонтальное меню
Горизонтальное меню
aaaaДата: Пятница, 10.09.2010, 21:08 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 48
Награды: 0
Статус: Offline

Код CSS:

<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]-->

Код HTML:

<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" />

Прикрепления: 2557280.gif (4.1 Kb)
 
Разместить в своём:




Нравится



Форум » Web-разработка » Скрипты » Горизонтальное меню
  • Страница 1 из 1
  • 1
Поиск: