Красивое горизонтальное меню. Установка: 1.Устанавливем само меню: Code <!--Меню горизонтальное начало --> <div id="topmenu"><ul id="mainlevel-nav"><li><a href="/" class="mainlevel-nav" title="Главная">Главная</a></li><li><a href="/forum" class="mainlevel-nav" title="Перейти на форум">Форум</a></li><li><a href="/load/" class="mainlevel-nav" title="Перейти к каталогу файлов">Каталог файлов</a></li><li><a href="news/" title="Перейти к новостям сайта" target="_blank" class="mainlevel-nav">Новости</a></li><li><a href="blog/" class="mainlevel-nav" title="Перейти к блогу">Блог</a></li></ul></div> <!--Меню горизонтальное конец --> 2. Ето устанавливаем в таблице стилей CSS: Code /* Меню горизонтальное */ #topmenu { background-image: url(http://domovik.ucoz.com/imege_menu/topmenu_bg.jpg); background-repeat: repeat-x; height: 32px; border-top: 1px solid #FFFFFF; text-align: center; } ul#mainlevel-nav { list-style: none; padding: 0; margin: 0; }
ul#mainlevel-nav li { display: block; background-image: none; float: right; text-align: center; font-weight: bold; margin: 0; padding: 0; width: auto !important; font-size: 11px; text-transform: uppercase; line-height: 32px; white-space: nowrap; border-left: 1px solid #DBDBDB; }
ul#mainlevel-nav a:link, ul#mainlevel-nav a:visited { padding-left: 15px; padding-right: 15px; color: #FFFFFF; text-decoration: none; }
ul#mainlevel-nav a:hover { background-image: url(http://domovik.ucoz.com/imege_menu/topmenu_bga.jpg); background-repeat: repeat-x; display: block; padding-left: 15px; padding-right: 15px; margin: 0px; width: auto !important; font-size: 11px; text-transform: uppercase; line-height: 32px; white-space: nowrap; } /* ------------------------ */
Автор\Источник: не указан или не известен!
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Размер: 0,05 Мб
|