Зимнее горизонтальное меню
Простое не раздвижное меню, легко редактируемое.
1. Закачайте папку menu_by_212th в корень вашего сайта.
2. В CSS добавьте это:
Code
/* Меню by 212th */
.menu_by_212th { height:29px; color: #015D99; text-align:center; background: url('/menu_by_212th/original.png'); font-size:8pt; margin-bottom:-4px}
.menu_by_212th div {margin: auto;}
.menu_by_212th span {float:left; color: #015D99; background: url('/menu_by_212th/hover.png'); padding: 8px 12px;}
.menu_by_212th a {display:block; float:left; color: #1581A5; background: url('/menu_by_212th/original.png'); text-align:center; padding: 8px 12px;text-decoration: none;}
.menu_by_212th a:hover {text-shadow:0 0 5px white; color: #ffffff; background: url('/menu_by_212th/hover.png'); padding: 8px 12px;}
/*-----------------------*/
3. В то место, где вам нужно меню, добавьте этот код:
Code
<div class="menu_by_212th"><div>
<a href="/"><b>ГЛАВНАЯ</b></a>
<a href="/forum"><b>ФОРУМ</b></a>
<a href="/load"><b>ФАЙЛЫ</b></a>
<a href="/load/0-0-0-0-1"><b>ДОБАВИТЬ ФАЙЛ</b></a>
</div></div>
Источник/Автор: toptpl.org.ru
