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


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

ПУ-->Управление дизайном-->CSS. Вставляем туда эти строчки:

Code
ul.uz {list-style: none; margin: 0 0 0 0; padding-left: 0px;}    
  li.m {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}    
  li.m:hover {border:1px solid #9AC4EC; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}    
  li.fr {border:1px solid #ECECEC; margin: 2px; padding: 2px 2px 2px 13px; background: #ffffff;}    
  li.fr:hover {border:1px solid #C5C5C5; margin: 2px; padding: 2px 2px 2px 13px; background: #FFFFFF;}


В том месте, где хотим видеть само меню, ставим это:

Code
<ul class="uz">    
  <li class="m"><a class="m" href="Ваша ссылка">Главная страница</a></li>    
  <li class="m"><a class="m" href="Ваша ссылка">Форум</a></li>    
  <li class="m"><a class="m" href="Ваша ссылка">Топ сайтов</a></li>    
  <li class="m"><a class="m" href="Ваша ссылка">Правила сайта</a></li>    
  </ul>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика