В css:
Code
body {
background:#3f8fa9;
font-family:Tahoma, Calibri, Arial, sans-serif;
font-size:12px;
}
a, img {outline:none;}
a {
color:#b0b0b0;
text-decoration:none;
}
.head_link {
float:right;
width:123px;
font-size:11px;
position:relative;
margin-top:-18px;
height: 62px;
line-height: 14px;
}
.menu_one a:hover {
color:#e49924;
}
a.home {background-position:0 2px; padding-left:19px;}
a.reg {background-position:0 -38px; padding-left:16px;}
a.login {background-position:0 -82px; padding-left:12px;}
a.help {background-position:0 -124px; padding-left:14px;}
a.home:hover {background-position:0 -18px;}
a.reg:hover {background-position:0 -58px;}
a.login:hover {background-position:0 -103px;}
a.help:hover {background-position:0 -146px;}
.menu_two {margin:44px 0 0 150px;}
.menu_two a {
display:block;
height:18px;
padding:2px 9px 0 9px;
float:left;
color:#fff;
text-shadow:1px 1px #025069;
font-size:12px;
font-weight:bold;
background:#5397ad url(http://bigtracker.ru/shablon_new/images/menu_shadow.png) no-repeat 50% bottom;
margin-right:5px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.menu_two a:hover, .active {
color:#232323 !important;
text-shadow:none !important;
background:#e5e9ea !important;
}
В верх сайта :
Code
<div class='clear'></div>
<div class="menu_two">
<a href="/" class="glav active">Главная</a>
<a href="/publ" class="download">Фильмы онлайн</a>
<a href="/stuff/" class="download">Сериалы онлайн</a>
<a href="/forum" class="forum">Форум</a>
<a href="/forum/8" class="download">Стол заказов</a>
<a href="/index/servic/0-44" class="download">Дополнения</a>
</div>
</div>
Красное меню:
В css:
Code
body {
background:#a5523c;
font-family:Tahoma, Calibri, Arial, sans-serif;
font-size:12px;
}
a, img {outline:none;}
a {
color:#b0b0b0;
text-decoration:none;
}
.head_link {
float:right;
width:123px;
font-size:11px;
position:relative;
margin-top:-18px;
height: 62px;
line-height: 14px;
}
.menu_one {margin:0px 0 0 55px;}
.menu_one a {
display:block;
float:left;
color:#fff;
margin-right:14px;
}
.menu_one a:hover {
color:#e49924;
}
a.home {background-position:0 2px; padding-left:19px;}
a.reg {background-position:0 -38px; padding-left:16px;}
a.login {background-position:0 -82px; padding-left:12px;}
a.help {background-position:0 -124px; padding-left:14px;}
a.home:hover {background-position:0 -18px;}
a.reg:hover {background-position:0 -58px;}
a.login:hover {background-position:0 -103px;}
a.help:hover {background-position:0 -146px;}
.menu_two {margin:44px 0 0 150px;}
.menu_two a {
display:block;
height:18px;
padding:2px 9px 0 9px;
float:left;
color:#fff;
text-shadow:1px 1px #025069;
font-size:12px;
font-weight:bold;
margin-right:5px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.menu_two a:hover, .active {
color:#232323 !important;
text-shadow:none !important;
background:#e5e9ea !important;
}
Зеленое меню в css:
Code
body {
background:#79b142;
font-family:Tahoma, Calibri, Arial, sans-serif;
font-size:12px;
}
a, img {outline:none;}
a {
color:#b0b0b0;
text-decoration:none;
}
a:hover {color:#fb9a00 !important;}
hr {border: 0 none; height: 1px; border-top: 1px solid #cfcfcf;}
.head_link {
float:right;
width:123px;
font-size:11px;
position:relative;
margin-top:-18px;
height: 62px;
line-height: 14px;
}
.head_link a {
display:block;
color:#7d7d7d;
padding-left:6px;
text-align:right;
}
.menu_one {margin:0px 0 0 55px;}
.menu_one a {
display:block;
float:left;
color:#fff;
margin-right:14px;
}
.menu_one a:hover {
color:#e49924;
}
.menu_two {margin:44px 0 0 150px;}
.menu_two a {
display:block;
height:18px;
padding:2px 9px 0 9px;
float:left;
color:#fff;
text-shadow:1px 1px #025069;
font-size:12px;
font-weight:bold;
margin-right:5px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
}
.menu_two a:hover, .active {
color:#232323 !important;
text-shadow:none !important;
background:#e5e9ea !important;
}