Хостинг от uCoz
Место свободно
Баннерообмен
Заказать рекламу
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: d3q, BLaZe  
Красивое горизонтальное меню
Сообщение
[redtable]Установка:

1. Для начала установим стили для меню:[/redtable]

Code
<style type="text/css">  

    #menu {  
     background: #3e3e3e;  
     padding: 7px 25px 7px 25px;  
     text-align: center;  
     border: 5px solid #00b4ff;  
     }  

    #menu a {  
     font-variant: small-caps;  
     text-decoration: none;  
     font-weight: bold;  
     color: white;  
     font-size: 10pt;  
     padding: 7px;  
     font-family: Tahoma;  
     }  

    #menu a:hover {  
     background: #b52828;  
     }  

    </style>

[redtable]2. Затем поставим скрипт, который будет "растворять" пункт меню при наведении на него мышкой:[/redtable]
Code
<script type="text/javascript">  
$('#menu a').hover(function () {  
   $(this).animate({  
    opacity: 0.5  
   },  
   1000);  
},  
function () {  
   $(this).animate({  
    opacity: 1  
   },  
   1000);  
});  
</script>

[redtable]3. Ну и само меню:[/redtable]
Code
<div id="menu">  
     <a href="/">  
      главная  
     </a>  
     <a href="/forum">  
      форум  
     </a>  
     <a href="/load">  
      софт  
     </a>   
     <a href="/publ">  
      фильмы  
     </a>  
     <a href="/index/8">  
      профиль  
     </a>  
     <a href="/index/10">  
      выход  
     </a>  
    </div>

Автор - Engine-1kiloWat
Дата добавления - 11.02.21 в 12:48:57
Engine-1kiloWat Дата: Понедельник, 11.02.21, 12:48:57 | Сообщение # 1
eNemy.TeaM
Рейтинг: 3
Сообщений: 124
Ранг 2
Награды: 1
[Гости не могут видеть сообщения, пожалуйста войдите в аккаунт или зарегестрируйтесь]

[img]http://www.gamer-by.net.ru/banner/bez-imeni-1.gif[/img]
[img]http://www.gamer-by.net.ru/logotip.png[/img]
Украина
  • Страница 1 из 1
  • 1
Поиск:


GameR-bY.net.ru тут есть все Сайт оптимизирован под браузер Opera. Sitemap | Sitemap-forum | Tags |
Дизайн данного сайта полностью принадлежит пользователям ucoz.


Вся информация предоставленная на сайте является собственностью авторов. Любую информацию размещенную на сайте разрешенО копировать без размещения ссылки на источник. Дизайн данного сайта принадлежит полностью администратору сайта. Категорически разрешенО копировать и использовать без соглашения главного администратора. За использование дизайна без согласия главного администратора, полагается Подарок от администрацией хостера (в данном случае системы uCoz).
Yandex | Google | Rambler | Yahoo | Mail