Меню для вашего сайта
Меню для сайта uCoz - можно использовать как верхнее так и нижнее. Вдруг кому-нибудь подойдет. Можно заменить цветовую гамму. Используя красивую гамму - он отлично строится в ваш сайт. Еще одна особенность - при наведении появляется красивый эффект. Меню для uCoz сайта - если кто-то не понял является горизонтальным. Специально для ленивых я объединил код - и не стал прописывать отдельно ксс - чтоб не надо было лезть в несколько дизайнов.
К примеру на сайте - то есть к сайту не подойдет данное меню. Но если заменить фон на зеленый - отлично сойдет!
Для тех - кто хочет изменить что-то - нужно просто занести в ксс то что в теге стайл. В общем - пользуйтесь. Ставим куда хотим.
<style>
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;
}
</style>
<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>
К примеру на сайте - то есть к сайту не подойдет данное меню. Но если заменить фон на зеленый - отлично сойдет!
Для тех - кто хочет изменить что-то - нужно просто занести в ксс то что в теге стайл. В общем - пользуйтесь. Ставим куда хотим.
Code
<style>
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;
}
</style>
<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>
Смотрите также:
0
