Страница 1 из 11
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Вертикальное меню в серых тонах
Вертикальное меню в серых тонах
Lexarus
Offline
Дата: Суббота, 01.09.2012, 09:43 | Сообщение # 1
Постов: «3519»
Лучший админ

Представляю Вашему вниманию красивое вертикальное меню, которое подойдет под сайты с темными шаблонами.
Установка:
1. В CSS вставляем:
Code
/* Menu for csomsk */  
   .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://csomsk.ru/1-ucoz/rip/menu-tab.png');  
   }  
   a.menu-tab:visited {  
   border-bottom:1px solid #282828;  
   display:block;  
   text-decoration:none;  
   width:239px;  
   height:34px;  
   background:url('http://csomsk.ru/1-ucoz/rip/menu-tab.png');  
   }  
   a.menu-tab:hover {  
   border-bottom:1px solid #282828;  
   display:block;  
   text-decoration:none;  
   width:239px;  
   height:34px;  
   background:url('http://csomsk.ru/1-ucoz/rip/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://csomsk.ru/1-ucoz/rip/menu-tab.png') 0px 34px;  
   }  

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

2. Туда где хотим видеть меню:
Code
<div class="menu-ma">  
  <a href="http://csomsk.ru/" class="menu-tab"><span>Проверка меню</span></a>  
  <a href="http://csomsk.ru/" class="menu-tab"><span>Вышло не плохо</span></a>  
  <a href="http://csomsk.ru/" class="menu-tab"><span>by domenik</span></a>  
  <a href="http://csomsk.ru/" class="menu-tab"><span>for csomsk.ru</span></a>  
  </div>
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Вертикальное меню в серых тонах
Страница 1 из 11
Поиск: