Страница 1 из 11
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Синее горизонтальное меню для сайта
Синее горизонтальное меню для сайта
workman
Дата: Воскресенье, 27.09.2015, 00:51 | Сообщение # 1
Гл. Модератор
Сообщений:1696
Награды: 8


Установка очень проста.
Данные стили пихаем в самый низ Таблицы стилей (CSS)
Код
#navigation{height:48px;margin:0;padding:0;background:url(http://blacklisting.brigada31.ru/images/navigation-bg.jpg) no-repeat left top;background-size:cover}
#navigation ul{list-style:none;margin:0;padding:0}
#navigation ul li{display:inline;margin:0}
#navigation ul li a{height:33px;display:block;float:left;padding:17px 15px 0 15px;font:bold 12px Arial;color:#FFF;text-decoration:none;background:url(http://blacklisting.brigada31.ru/images/navigation-separator.png) no-repeat right center}
#navigation ul li a:hover{color:#363636;background:url(http://blacklisting.brigada31.ru/images/navigation-hover.png) repeat-x left top}
#navigation ul li#active a{color:#363636;background:url(http://blacklisting.brigada31.ru/images/navigation-hover.png) repeat-x left top}


Данный HTML код запихиваем где желаем видеть и естественно вставляем свои ссылки и про анкоры не забываем
Код
<div id="navigation"><ul>
<li><a href="#">Анкор</a></li>
<li><a href="#">Анкор</a></li>
<li><a href="#">Анкор</a></li>
<li><a href="#">Анкор</a></li>
<li><a href="#">Анкор</a></li>
<li><a href="#">Анкор</a></li>
</ul></div>


Выглядеть будет так


Если нужно сделать постоянно активной какую-нибудь кнопку,то пишем в ссылке так
Код
<li><a href="#" id="active">Анкор</a></li>


Просмотреть DEMO
Прикрепления: 1601656.png(44Kb)


Сообщение отредактировал
workman - Воскресенье, 27.09.2015, 01:05
Страна: (RU)
Kosten
Дата: Воскресенье, 27.09.2015, 06:50 | Сообщение # 2
Администраторы
Сообщений:15788
Награды: 51


Простое и удобное меню, которое сейчас больше цениться, чем дизайнерское с широким CSS и с прогибами. Все отошло давно, сейчас ставят проще и удобно чтоб было.
Страна: (RU)
workman
Дата: Воскресенье, 27.09.2015, 13:25 | Сообщение # 3
Гл. Модератор
Сообщений:1696
Награды: 8


Да просто хотел уйти от файлов, а потом не стал раздувать из мухи слона и прописал картинки
Страна: (RU)
kos
Дата: Воскресенье, 27.09.2015, 17:34 | Сообщение # 4
Пользователи
Сообщений:71
Награды: 0


Красиво! я заберу)))
Страна: (UA)
FeStemBer
Дата: Воскресенье, 04.10.2015, 04:02 | Сообщение # 5
Проверенные
Сообщений:349
Награды: 1


Смотрится красиво и под светлый дизайн подойдет, основа, это синее и белое в дизайне как считается больше всего.
Страна: (RU)
Форум про uCoz » Раздел для uCoz » HTML коды для сайта uCoz » Синее горизонтальное меню для сайта
Страница 1 из 11
Поиск: