Например:
Четверг, 28.03.2024, 22:39 Регистрация Карта сайта RSS Лента
Игровые новости Топ Сайтов Статьи Загрузить изображение Игровой форум Картинки
  • Страница 1 из 1
  • 1
Форум » Система Ucoz » Скрипты Меню » Вертикальное меню в серых тонах (Для Ucoz от Usite.su)
Вертикальное меню в серых тонах
Dimas777
Дата: Пятница, 08.08.2014, 20:50 | Сообщение № 1
ICQ пользователя:
Skype пользователя:
Сайт пользователя:

Оффлайн
Сообщений: 300
Награды: 2
 


Представляю Вашему вниманию красивое вертикальное меню, которое подойдет под сайты с темными шаблонами.

Установка:

1 шаг. Это ставим в CSS:

Код
/* 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://game-portals.3dn.ru/Ucoz/menu-tab_vertikalnoe_menu.png');   
   }   
   a.menu-tab:visited {   
   border-bottom:1px solid #282828;   
   display:block;   
   text-decoration:none;   
   width:239px;   
   height:34px;   
   background:url('http://game-portals.3dn.ru/Ucoz/menu-tab_vertikalnoe_menu.png');   
   }   
   a.menu-tab:hover {   
   border-bottom:1px solid #282828;   
   display:block;   
   text-decoration:none;   
   width:239px;   
   height:34px;   
   background:url('http://game-portals.3dn.ru/Ucoz/menu-tab_vertikalnoe_menu.png') 0px 68px;   
   }   
   a.menu-tab:active {   
   border-bottom:1px solid #282828;   
   display:block;   
   text-decoration:none;   
   width:239px;   
   height:34px;   
   background:url('http://game-portals.3dn.ru/Ucoz/menu-tab_vertikalnoe_menu.png') 0px 34px;   
   }   
     
   /* ------------------ */


2 шаг. Это ставим там где нужно:

Код
<div class="menu-ma">   
   <a href="#" class="menu-tab"><span>Проверка меню</span></a>   
   <a href="#" class="menu-tab"><span>Вышло не плохо</span></a>   
   <a href="#" class="menu-tab"><span>by domenik</span></a>   
   <a href="#" class="menu-tab"><span>for uSite.su</span></a>   
   </div>


Готово.

Демо

Вертикальное, меню, в, серых, тонах

    
Game-Portals.3dn.ru - The Best.
Форум » Система Ucoz » Скрипты Меню » Вертикальное меню в серых тонах (Для Ucoz от Usite.su)
  • Страница 1 из 1
  • 1
Поиск: