Доброго времени суток. Вот решил выложить синее меню для сайта. По моему красиво получилось. И так приступим к установке.
Это ставим в то место где хотим видеть наше меню.
Code
<div class="menu">
<ul id="hot" style="margin-left:15px;margin-right:15px;">
<li><a href="/"><b>Главная</b></a></li>
<li><a href="/forum"><b>Форум</b></a></li>
<li><a href="/"><b>Ваша ссылка</b></a></li>
<li><a href="/"><b>Ваша ссылка</b></a></li>
<li><a href="/"><b>Ваша ссылка</b></a></li>
<li><a href="/"><b>Ваша ссылка</b></a></li>
<li><a href="http://www.live-real.ru/"><b>by StraJ</b></a></li>
</ul></div>
А это ставим в CSS.
Code
.menu {height:37px;padding-top:4px;width:800px;height:50px;background-color:#ffffff;
border-width:0px;
border-color:#000000;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
-moz-box-shadow:0px 0px 9px #000000;
-webkit-box-shadow:0px 0px 9px #000000;
box-shadow:0px 0px 9px #000000;
background-image: -moz-linear-gradient(top, #0f6fff, #3f30ff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#0f6fff), to(#3f30ff));
background-image: -o-linear-gradient(top, #0f6fff, #3f30ff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f6fff', endColorstr='#3f30ff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f6fff', endColorstr='#3f30ff')";
background-image: linear-gradient(top, #0f6fff, #3f30ff);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#hot {margin: 0; padding: 0; float: left; border: 0px; border-width:0px;}
#hot li {float: left;list-style: none;}
#hot li a{text-decoration: none;display: block;padding:7px 9px;color:#ffffff;margin-top:10px;text-shadow: 1px 1px 0px #000000;font-size:8pt; font-family:tahoma;}
#hot li a:hover {background-image: -moz-linear-gradient(top, #3f30ff, #0f6fff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#3f30ff), to(#0f6fff));
background-image: -o-linear-gradient(top, #3f30ff, #0f6fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f30ff', endColorstr='#0f6fff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f30ff', endColorstr='#0f6fff')";
background-image: linear-gradient(top, #3f30ff, #0f6fff);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-radius:5px;-moz-border-radius:5px;padding:7px 9px;color:#ffffff;text-shadow: 1px 1px 0px #000000;-moz-box-shadow:0px 0px 3px #000000;
-webkit-box-shadow:0px 0px 3px #000000;
box-shadow:0px 0px 3px #000000;}
P.S Если вы внимательно посмотрели на стиль в css то могли заметить что я использовал генераторы сss3.