Гость !!! | RSS
Сегодня на сайте
Новые сообщения Участники Правила форума Поиск RSS
  • Страница 1 из 1
  • 1
Модератор форума: Emilia  
Форум » Скрипты » Меню » МЕНЮ-CSS - Горизонтальное
МЕНЮ-CSS - Горизонтальное
« Khufu » Дата: Понедельник, 18 Октября 2010, 11:49:51 | Сообщение # 1
Любознательные
Khufu; НЕТ АВАТАРА
«Модератор»
Сообщений: 156
Замечания: ±
Статус Настроения: [редактировать]
Отсутствует

Смайл настроения

CSS:

Code
<style type="text/css">    
/*****************************************
// URL : http://shalbuzdag-666.ucoz.ru/  *
*****************************************/    
*{    
margin:0;    
padding:0;    
}    
body{    
background:#fff;    
color:#666;    
font:12px/18px Tahoma, Arial, Helvetica, sans-serif;    
}    
#menu{    
}    
#menu ul{    
list-style:none;    
}    
#menu li{    
background:url('http://shalbuzdag-666.ucoz.ru/images/dM_bg.gif') repeat-x;
list-style:none;    
display:block;    
float:left;    
height:36px;    
border-right:1px solid #dbdbdb;    
line-height:36px;    
}    
#menu li a{    
display:block;    
float:left;    
color:#ccffff;    
text-transform:uppercase;    
font-size:12px;    
font-weight:bold;    
line-height:36px;    
text-decoration:none;    
padding:0 25px;    
}    
#menu li a:hover{    
color:#ffffff;    
background:url('http://shalbuzdag-666.ucoz.ru/images/dM_h.gif') repeat-x;
}    
#menu li a.active{    
display:block;    
float:left;    
color:#00ff00;    
background:url('http://shalbuzdag-666.ucoz.ru/images/dM_act.gif') repeat-x;
text-transform:uppercase;    
font-size:12px;    
font-weight:bold;    
line-height:36px;    
text-decoration:none;    
padding:0 25px;    
}    
#menu li a:hover.active{    
color:#00ff00;    
}
</style>

Само меню (ставим туда - где хотим видеть):

Code
<div align="center">
<table><tr><td>
<div id="menu">    
<ul>    
<li><a href="http://shalbuzdag-666.ucoz.ru" class="active">Главная</a></li>    
<li><a href="http://shalbuzdag-666.ucoz.ru/news/">Новости</a></li>    
<li><a href="http://shalbuzdag-666.ucoz.ru/blog/">Блог</a></li>    
<li><a href="http://shalbuzdag-666.ucoz.ru/publ/">Статьи</a></li>    
<li><a href="http://shalbuzdag-666.ucoz.ru/forum/">Форум</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/forum/56">Скрипты</a></li>
<li><a href="http://shalbuzdag-666.ucoz.ru/kartasaita/k-s.html">Карта сайта</a></li>    
</ul>
</div>
</td></tr></table>
</div>

 
Форум » Скрипты » Меню » МЕНЮ-CSS - Горизонтальное
  • Страница 1 из 1
  • 1
Поиск:
мини-чат
Tagis Балаболка
Инфо сайта
Инфо форума

Все права защищены! shalbuzdag-666.ucoz.ru © 2009 – 2024 ()
уЧётчик сайта