2
Вы не авторизованы!
Присоединяйтесь к нашему сообществу :)
авторизация
Вакансии
На сайт требуется контент-менеджер
смотреть вакансии

Очередной рип меню от videtor.ru

Скрипты меню 2012-Фев-19 quaresmavitjok 1.0k 0


В 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;
}
Источник: videtor.ru
0 комментариев
avatar