Чат uSite
Загрузка чата..
Все новости
Новости uSite
19.05.2012
Открыли «Оповещения» (β).
29.04.2012
Сделан до конца вид материалов форума.
Пользователи онлайн
Загрузка списка...
Уникальные дизайны » Части дизайна » Вертикальное меню в серых тонах
Представляю Вашему вниманию красивое вертикальное меню, которое подойдет под сайты с темными шаблонами.

Установка:
1. В CSS вставляем:
Code

/* Menu by uSite.su - domenik */
  .menu-tab span {
  display:inline-block;
  font-family:sans-serif;
  font-weight:bold;
  font-size:12px;
  padding-left:6px;
  padding-top:10px;
  color:#fff;
  text-shadow:0px 1px 0px #282828;
  }
  .menu-ma {
  border:1px solid #282828;
  width:239px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  border-bottom:0px;
  }
  a.menu-tab:link {
  border-bottom:1px solid #282828;
  display:block;
  text-decoration:none;
  width:239px;
  height:34px;
  background:url('http://usite.su/images/menu-tab.png');
  }
  a.menu-tab:visited {
  border-bottom:1px solid #282828;
  display:block;
  text-decoration:none;
  width:239px;
  height:34px;
  background:url('http://usite.su/images/menu-tab.png');
  }
  a.menu-tab:hover {
  border-bottom:1px solid #282828;
  display:block;
  text-decoration:none;
  width:239px;
  height:34px;
  background:url('http://usite.su/images/menu-tab.png') 0px 68px;
  }
  a.menu-tab:active {
  border-bottom:1px solid #282828;
  display:block;
  text-decoration:none;
  width:239px;
  height:34px;
  background:url('http://usite.su/images/menu-tab.png') 0px 34px;
  }

/* ------------------ */


2. Туда где хотим видеть меню:
Code
<div class="menu-ma">
<a href="http://usite.su/" class="menu-tab"><span>Проверка меню</span></a>
<a href="http://usite.su/" class="menu-tab"><span>Вышло не плохо</span></a>
<a href="http://usite.su/" class="menu-tab"><span>by domenik</span></a>
<a href="http://usite.su/" class="menu-tab"><span>for uSite.su</span></a>
</div>


Готово!

Демо можно посмотреть перейдя по этой ссылке.

p.s.: PSD меню было взято с сайта Доступно только для пользователей
1 2 3 »
Всего 22 комментария и 1460 просмотров
А моно там самому прописать???
а моно такое белое???
спасибо, так намного удобнее клацать
Картинку можно было заменить одной иконкой и парой строк кода.
Та пох..)) Главное работает!
демо я переделал.
как было в примере так и оставил, сейчас же по просьбе изменил, теперь только последняя ведет на главную, защелкайтесь по первым трем.
uSite.su © 2010-2020
Все права защищены.
Лишь самые новые разработки для системы uCoz, среди которых находятся уникальные скрипты и великолепные части дизайна, совокупность которых порождает любимый многими сайт — uSite.su.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация