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


Установка очень проста.
Данные стили пихаем в самый низ Таблицы стилей (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
Kosten
Дата: Воскресенье, 27.09.2015, 06:50 | Сообщение # 2
Администраторы
Сообщений:12657
Награды: 38


Простое и удобное меню, которое сейчас больше цениться, чем дизайнерское с широким CSS и с прогибами. Все отошло давно, сейчас ставят проще и удобно чтоб было.

workman
Дата: Воскресенье, 27.09.2015, 13:25 | Сообщение # 3
Vip
Сообщений:1576
Награды: 7


Да просто хотел уйти от файлов, а потом не стал раздувать из мухи слона и прописал картинки

Каждый раз, когда ты можешь помочь кому-то, просто сделай это и радуйся тому, что Бог отвечает на чьи-то молитвы через тебя...
kos
Дата: Воскресенье, 27.09.2015, 17:34 | Сообщение # 4
Пользователи
Сообщений:71
Награды: 0


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


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