Горизонтальное меню довольно простое в своем коде. Выполнено на 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--*/
|