• Страница 1 из 1
  • 1
Форум » Скрипты для uCoz » Другие скрипты для uCoz » Скрипт нового темного меню сайта diz-cs
Скрипт нового темного меню сайта diz-cs
Lexarus
Offline
Дата: Суббота, 16.07.2011, 10:08 | Сообщение # 1
Постов: «3513»
Лучший админ

Скрипт нового темного меню сайта diz-cs. В темных тонах с эффектом свечения при наведении мыши
Установка:
В самый низ CSS вставляем:
Code
/*Rip csomsk.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://www.csomsk.ru/1-ucoz/news-new/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;}          
          /*----*/

Это в блок где хотим видеть меню:
Code
<ul class="bnav">       
       <li><a href="/" title="Главная страница">Главная</a> </li>       
       <li><a href="/load" title="Каталог файлов">Файловый архив</a> </li>       
       <li><a href="http://csomsk.ru/" title="Лучший сайт">CSOMSK.RU</a> </li>       
       </ul>
[K]api[Q]
Offline
Дата: Среда, 23.11.2011, 17:29 | Сообщение # 2
Постов: «102»
Подполковник
Зачет

CSOMSK.RU сайт супер много всего нашел Спасибо Лёха
Vizar
Offline
Дата: Понедельник, 26.12.2011, 13:00 | Сообщение # 3
Постов: «49»
Лейтенант
Старое меню как то лучше нравится ..потом залью!

Добавлено (26.12.2011, 12:53)
---------------------------------------------
Установка
Это кидаем в блок

Code
<ul class="bnav">   
<li><a href="/" title="Главная страница">Главная</A> </li>   
<li><a href="/" title="Новости сайта">Новости сайта</A> </li>   
<li><a href="/" title="Инфо о нас">Инфо о нас</A> </li>   
<li><a href="/" title="Забить КВ">Забить КВ</A> </li>   
<li><a href="/forum" title="Форум">Форум</a></li>   
<li><a href="/publ/" title="Статьи">Статьи</a></li>   
<li><a href="/dir" title="ТОП сайтов">TOP Сайтов</a> </li>   
<li><a href="/photo/" title="Галерея"">Галерея</a> </li>   
<li><a href="/forum/0-0-0-6" title="Поиск"">Поиск</a></li>   
<li><a href="/index/reklama/0-20" title="Рекламное место"><span style="color:red">Свободно</span></a></li>   
</ul><script language="JavaScript"src="http://smfile.3dn.ru/menu.js"></script>


Это в css
Code
/*Меню - O-CSS.RU - rip by qoof for Diz-cs.ru by makar3000*/   
.bnav {width:185px; margin:0px; padding:0px; list-style:none; font-family:Arial, Helvetica, sans-serif; border-top:1px solid #000;border-bottom:1px solid #000;}   
.bnav li {height:16px; display:block; background:url(http://cs-portal.net.ua/Diz-cs/menu_bg.png) no-repeat 0 0; border-top:1px solid #000;text-indent:10px;font-size:11px;padding:1px 0 0 0}   
.bnav li:hover {background-position:0 -15px;}   
.bnav li:hover a:link,   
.bnav li:hover a:active,   
.bnav li:hover a:visited {color:#048adf;}   
.bnav li:first-child {border:0;}   
.bnav li a:link,   
.bnav li a:active,   
.bnav li a:visited {height:10px; display:block; color:#fff;}   
.bnav li a:hover {text-decoration:none;}   
/*----*/

Добавлено (26.12.2011, 13:00)
---------------------------------------------
Посмотреть можете здесь http://vucoz.ru/_ld/0/25295934.jpg

Форум » Скрипты для uCoz » Другие скрипты для uCoz » Скрипт нового темного меню сайта diz-cs
  • Страница 1 из 1
  • 1
Поиск: