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



Html код меню:

Код
<ul class="bnav">  
   <li><a href="#">Ссылка в навигации</a></li>  
   <li><a href="#">Ссылка в навигации</a></li>  
   <li><a href="#">Ссылка в навигации</a></li>  
   <li><a href="#">Ссылка в навигации</a></li>  
   <li><a href="#">Ссылка в навигации</a></li>  
   <li><a href="#">Ссылка в навигации</a></li>  
</ul>


В таблицу Стилей (CSS):

Код
.bnav li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;}  
.bnav li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear;  
-moz-transition: all .2s linear;  
transition: all .2s linear; }


Так же имееться версия для автоматического меню укоз $SMENU_1$, которая требует только css код в Таблицу Стилей(CSS):

Код
.uMenuV li a { display: block; width: 185px; height: 33px; background: url(http://dream-designs.ru/bnav.png) no-repeat; color: #c3c3c3; font-family: Verdana; font-size: 11px; padding: 0 5px; text-transform: uppercase; line-height: 32px; text-decoration: none;text-shadow: 1px 1px #181818;}  
.uMenuV li a:hover { background-position: 0 -33px;-webkit-transition: all .2s linear;  
-moz-transition: all .2s linear;  
transition: all .2s linear; }


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