Пятница, 29.03.2024, 00:52
Скрипты для Ucoz
Карта сайта
Главная | Меню в серых тонах - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Меню в серых тонах (Вертикальное меню в серых тонах)
Меню в серых тонах
LordarchДата: Вторник, 05.06.2012, 17:29 | Сообщение # 1
Рядовой
Группа: Пользователи
Пол:
Награды: 1
Репутация: 2
Сообщений: 7
Представляю Вашему вниманию красивое вертикальное меню, которое подойдет под сайты с темными шаблонами.


Установка:
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://ссылка" class="menu-tab"><span>Проверка меню</span></a>      
      <a href="http://ссылка/" class="menu-tab"><span>Вышло не плохо</span></a>      
      <a href="http://ссылка/" class="menu-tab"><span>by domenik</span></a>      
      <a href="http://ссылка/" class="menu-tab"><span>for uSite.su</span></a>      
      </div>


Готово!
Прикрепления: 2178678.jpg (7.9 Kb)
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Меню в серых тонах (Вертикальное меню в серых тонах)
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz