Красивое горизонтальное меню для серых дизайнов

Красивое горизонтальное меню для серых дизайнов
Горизонтальное меню для сайтов, цвет рыжий, стиль hover

Живой пример менюшки тут

Установка меню:
В таблицу стилей css вставляем код стиля меню

Code

.tmenuw ul, .tmenuw ul li, .tmenuw ul li a, .tmenuw ul li a b {
 float: left;
 height: 45px;
}
.tmenuw ul {
 padding-left: 2px !important;
 background: url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 0 0;
 overflow: hidden;
}
.tmenuw li a, .tmenuw li a b {
 line-height: 44px;
 cursor: pointer;
 text-decoration: none !important;
}

.tmenuw li a {
 font-size: 14px;
 font-family: Arial, Tahoma, Verdana, sans-serif;
 color: #fff;
}

.tmenuw li a b {
 padding: 0 14px 0 12px;
 background: url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 100% -45px;
}

.tmenuw li a:hover { background: #1d1d1d url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 0 -135px; }
.tmenuw li a:hover b { background: url("http://ucozon.ru/SCRIN5/sapky/menusca/menutop_links.png") no-repeat 100% -90px; }

.reset, .reset li { list-style: none; padding: 0; margin: 0; }

/*WRAPPER ОСНОВНОЙ РАЗМЕРНЫЙ БЛОК*/
.wrapper {
 margin: auto;
 width: 90%;
 min-width: 986px;
 max-width: 1400px;
 text-align: left;
}

*html .wrapper { width: expression(((document.body.clientWidth)) < 986? "986px": ((document.body.clientWidth)) > 1400? "1400px": "90%" ); }

.wwide {
 margin: auto;
 width: 100%;
 min-width: 990px;
}

/*menu начало*/
.tmenuw {
 height: 48px;
 background: #ff6700 url("http://ucozon.ru/SCRIN5/sapky/menusca/headbg.png") repeat-x 0 -131px;
 overflow: hidden;
}
/*background контента*/
.pagemain { background: #6b6b6b url("http://ucozon.ru/SCRIN5/sapky/menusca/pagebg.gif") repeat 0 0; }
.pmain2 { background: url("http://ucozon.ru/SCRIN5/sapky/menusca/pagebg_0.png") repeat-x 0 0; }
.padplus { height: 20px; overflow: hidden; }

Этот код самого меню в блоке просто заключаем в div стиля

Code

<div class="wwide tmenuw">
<div class="wrapper">
<ul class="reset">

<li><a href="http://ucozon.ru/">Главная</a></li>
<li><a href="http://ucozon.ru/">Гостевая</a></li>
<li><a href="http://ucozon.ru/">Новости</a></li>
<li><a href="http://ucozon.ru/">Каталог файлов</a></li>
<li><a href="http://ucozon.ru/">Каталог статей</a></li>
<li><a href="http://ucozon.ru/">Раздел uCoz</a></li>
<li><a href="http://ucozon.ru/">Новости</a></li>
<li><a href="http://ucozon.ru/">Каталог файлов</a></li>
<li><a href="http://ucozon.ru/">Главная</a></li>
<li><a href="http://ucozon.ru/">Гостевая</a></li>
<li><a href="http://ucozon.ru/">Новости</a></li>
<li><a href="http://ucozon.ru/">Каталог файлов</a></li>
<li><a href="http://ucozon.ru/">Каталог статей</a></li>
<li><a href="http://ucozon.ru/">Раздел uCoz</a></li>
<li><a href="http://ucozon.ru/">Новости</a></li>
<li><a href="http://ucozon.ru/">Каталог файлов</a></li>

 </ul>
 </div>
</div>

Автор\Источник: ucozon.ru
Для того что бы скачать архив необходимо зайти на сайт как пользователь.