|
Горизонтальное меню довольно простое в своем коде. Выполнено на CSS и HTML. И поэтому Вам не составит труда в его установке и подгонке к дизайну сайта. Кнопки меню при наведении меняют свой цвет. Тело меню было залито цветом. У меня, как видите обозначены только кнопки. Приступим к установке: Код HTML вставляем там, где хотим видеть меню.
Code HTML <div class="tmenu">
<ul>
<li><a href="http://top99.at.ua/">Главная</a></li>
<li><a href="http://top99.at.ua/publ">Программы</a></li>
<li><a href="http://top99.at.ua/news/">Новости</a></li>
<li><a href="http://top99.at.ua/blog">О юкозе</a></li>
<li><a href="http://top99.at.ua/faq/">Вопросы</a></li>
<li><a href="http://top99.at.ua/index/rassylki/0-4">Подписка</a></li>
</ul>
</div>
Далее идем в таблицы стилей (CSS) и ставим в низ этот код:
Code
CSS
/*--g menu top99.at.ua--*/
.tmenu {border-bottom:0px solid #3A531E}
.tmenu ul {
background:#;
font-weight:bold;
font-size:10pt;
font-family:Arial;
height:50px;
line-height:50px;
margin:30;
padding:0;
padding-left:150px;
overflow:hidden;
}
.tmenu li {
list-style-type:none;
float:left;
padding-right:20px;
}
.tmenu a {
padding:10px;
color:#ffffff;
border-radius: 7px;
text-decoration:none;
background:#679451;
}
.tmenu a:hover {
padding:10px;
color:#FFFFFF;
border-radius: 7px;
text-decoration:none;
background:#545651;
}
/*--gorizontal menu end--*/
| 
