Пятница, 29.03.2024, 03:57
Приветствую Вас Гость | RSS
Главная Черное горизонтальное меню для сайта с синим свечением - ФорумРегистрацияВход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для вебмастера!!! » Горизонтальное меню » Черное горизонтальное меню для сайта с синим свечением
Черное горизонтальное меню для сайта с синим свечением
Armen_Chelsea
Офлайн
Дата: Воскресенье, 25.12.2011, 10:21 | Сообщение # 1
Постов: 182


Черное горизонтальное меню для сайта с синим свечением. Меню последнее в этой "серии". Все менюшки "Магнитофон" используют CSS и всего две картинки. Так же все они прекрасно отображаются не только в современных браузерах, но и в устаревших версиях.

HTML Код:
Code

<!---- Удаляем ВСЕ ЧТО НИЖЕ если не нужно центрировать -->
<script type="text/javascript">
if (window.attachEvent){
   window.attachEvent('onresize',center);
   window.attachEvent('onload',center);
}else if(window.addEventListener){
   window.addEventListener('resize',center, false);
   window.addEventListener('load',center, false);
}
function center(){
   var i = document.getElementById('menu_ihtut_net');
   i.style.marginLeft = parseInt(document.body.offsetWidth-i.offsetWidth)/2+'px';
};
</script>
<!---- Удаляем ВСЕ ЧТО ВЫШЕ если не нужно центрировать -->

<!-- код меню -->
<div class="menu_ihtut_net">
  <div id="menu_ihtut_net">
   <a href="#">Главная</a>
   <a href="#">О нас</a>
   <a href="#">Контакты</a>
   <a href="#">Карта сайта</a>
   <a href="#">Как нас найти</a>
  </div>
</div>
<!-- end код меню -->


CSS Код:
Code

/*===========================================
Свойства без комментариев менять не стоит.
Обязательно измените путь к изображению.
============================================*/

div.menu_ihtut_net {
  background: url("/images/menuihtutnet-fon.png") repeat-x 0 0; /* фон меню , пропишите правильный путь! */
  height:80px;
  overflow: hidden;
}

div.menu_ihtut_net div#menu_ihtut_net{
  float: left;
  padding:0;
  height:80px;
  margin: 0 10px;
}

div.menu_ihtut_net a{
  background: url("/images/menuihtutnet-link.png") no-repeat 0 0; /* фон пунктов меню , пропишите правильный путь! */
  color: #bbb; /* цвет шрифта */
  display: block;
  float: left;
  font: 17px/63px Impact; /* размер шрифта / высота шрифта (НЕ МЕНЯТЬ!) / семейство шрифтов */
  height:65px;
  text-decoration: none; /* подчеркивание(сейчас его нет) */
  text-align: center;
  width: 147px;
  overflow: hidden;
  margin: 10px 0 0 0; /* отступы пунктов меню */
  text-shadow: #000 0 0 1px; /* тень у букв */
}

div.menu_ihtut_net a:hover, div.menu_ihtut_net a.active{
  background: url("/images/menuihtutnet-link.png") no-repeat 0 100%; /* фон пунктов меню (при наведении) , пропишите правильный путь! */
  color: #bff5ff; /* цвет шрифта при наведении */
  text-shadow: #249dfb 0 0 25px; /* тень у букв при наведениии */
}


Скачать исходники [24.9 Kb]
Форум » Все для вебмастера!!! » Горизонтальное меню » Черное горизонтальное меню для сайта с синим свечением
  • Страница 1 из 1
  • 1
Поиск:

ОБМЕН БОЛЬШИМИ БАННЕРАМИ 468x60
Последние обновленные темы:
Администратор - Армен Адамян © 2024