• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Темное меню (Красивое)
Темное меню (Красивое)
Kosten
Среда, 11 Июля 2012 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44355
Награды: 70


О меню сайта:
Темное меню (Красивое), просто красивое меню, могу утверждать так как сам его ставил, при наведении курсора кругляшки меняют цвет.
Приступаем к установке:
Ставим там где по вашему мнению должно стоять меню и остальное (блоки) вообщим ставим в блок вашего сайта который находится в контейнере.
С начало этот стиль прописываем внизу CSS вставляем.
Код
/*Rip zornet.ru*/   
   .bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family: Tahoma;border-top:1px solid #484747;border-bottom:1px solid #484747;}   
   .bnav li {height:20px; display:block; background:url(http://zornet.ru/zornet_ru4/hover-csomsk.png) no-repeat 0 0;text-indent:10px;font-size:11px;}   
   .bnav li:hover {background-position:0 -21px;}   
   .bnav li:hover a:link,   
   .bnav li:hover a:active,   
   .bnav li:hover a:visited {color:#dedede;text-shadow:0 0 3px #313131;padding-top:3;}   
   .bnav li:first-child {border:0;}   
   .bnav li a:link,   
   .bnav li a:active,   
   .bnav li a:visited {height:22px; display:block; color:#b5b5b5;padding-top:3;}   
   .bnav li a:hover {text-decoration:none; text-shadow:0 0 3px #313131;}   
   /*----*/


Этот код в блок где хотим видеть меню:
Код
<ul class="bnav">   
   <li><a href="/" title="Главная страница">Главная</a> </li>   
   <li><a href="/load" title="Каталог файлов">Файловый архив</a> </li>   
   <li><a href="http://zornet.ru/" title="Лучший сайт">ZORNET.RU</a> </li>   
   </ul>


Источник: http://diz-cs.ru/
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Темное меню (Красивое)
  • Страница 1 из 1
  • 1
Поиск: