Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.191.62.68
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Вертикальное зеленое меню
Сообщение оставлено 16.10.2010 в 15:58:07 | Сообщение #1

Красивое и простое зеленое меню с использованием CSS.

В нужное место (там, где вы хотите видеть меню) вставляете этот код:

Code
<div id="menu">   
   <ul>   
   <li><a href="http://ссылка/">Название</a></li>   
   <li><a href="http://ссылка/">Название</a></li>   
   <li><a href="http://ссылка/">Название</a></li>   
   <li><a href="http://ссылка/">Название</a></li>   
   <li><a href="http://ссылка/">Название</a></li>   

   </ul>   
</div>

Затем, в ПУ-->Управление дизайном-->CSS. В любое место кидаем это:

Code


ul {   
   list-style: none;   
   margin: 0;   
   padding: 0;   
   }   
     
#menu {   
   width: 200px;   
   margin: 10px;   
   }   
     
#menu li a {   
   height: 32px;   
   voice-family: "\"}\"";   
   voice-family: inherit;   
   height: 24px;   
   text-decoration: none;   
   }   
     
     
#menu li a:link, #menu li a:visited {   
   color: #8D9179;   
   display: block;   
   background: url(menu.gif);   
   padding: 8px 0 0 10px;   
   }   
     
#menu li a:hover, #menu li a:active {   
   color: #6C7250;   
   background: url(http://rucoz.com/img/menu.gif) 0 -32px;   
   padding: 8px 0 0 10px;   
   }

Картинка для меню:

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика