ZorNet.Ru — сайт для вебмастера » Меню для сайта » Вертикальное меню AgDrem для сайта uCoz

Вертикальное меню AgDrem для сайта uCoz

Вертикальное меню AgDrem для сайта uCoz
Если вы не решили поставить на сайт вертикальное меню, то можете установить простое. Но по дизайну отлично выполнено и сделать на стилях свой цвет. Это меню, которое сочетает сразу несколько оттенков, светло синий, это безусловно центральный. Есть еще правая сторона, по умолчанию у ней один цвет и когда наводишь на какой то раздел, то сразу все меняется, вот такое простое и удобная навигация, которая по тематическому принципу, подойдет ко многим ресурсам интернета.

Установка:

Можете в блок поставить или просто в контейнер этот скрипт.

Код
<div class="whitemenu_ie"><ul>  
<li><a href="/" title="Главная страница zorNet">Главная страница</a></li>  
<li><a href="/forum" title="Сообщество zorNet">Сообщество сайта</a></li>  
<li><a href="/load" title="Каталог материалов">Каталог материалов</a></li>  
<li><a href="/dir" title="Лучший каталог zorNet">Лучший каталог сайтов</a></li>  
<li><a href="http://internetempire.ru/" title="Шаблоны и Скрипты для uCoz">Шаблоны и Скрипты для uCoz</a></li>  
</ul></div>


Здесь стили, которые в CSS прописать нужно.

Код
.whitemenu_ie li a {background: rgb(240,240,240) url(http://zornet.ru/Fresa/zursa/0mN9pyT.png) no-repeat 2.702702702702702702702702702703% center;}  
.whitemenu_ie li a:hover {background: rgb(116, 175, 214) url(http://zornet.ru/Fresa/zursa/0mN9pyT.png) no-repeat 2.702702702702702702702702702703% center;color: rgb(53, 53, 53);border-right: 6px solid rgb(59, 81, 160);}  
.whitemenu_ie li a {display: block;font-size: .9em;padding: 10px 2.702702702702702702702702702703% 10px 12.432432432432432432432432432432%;margin-bottom: 1px;color: rgb(55,55,55);border-right: 6px solid rgb(86, 128, 204);}  
.whitemenu_ie ul {padding: 0px; margin-top: 1px;}  
.whitemenu_ie li {list-style: none;}


Также сами стили от источника, а точнее если вам нужен такой оттенок.

Меню сайта


То ставим эти стили.

Код
.whitemenu_ie li a {background: rgb(240,240,240) url(http://zornet.ru/Fresa/zursa/0mN9pyT.png) no-repeat 2.702702702702702702702702702703% center;}  
.whitemenu_ie li a:hover { background: rgb(204, 162, 86) url(http://zornet.ru/Fresa/zursa/0mN9pyT.png) no-repeat 2.702702702702702702702702702703% center; color: rgb(55,55,55); border-right: 6px solid rgb(60, 60, 60); }  
.whitemenu_ie li a {display: block;font-size: .9em;padding: 10px 2.702702702702702702702702702703% 10px 12.432432432432432432432432432432%;margin-bottom: 1px;color: rgb(55,55,55);border-right: 6px solid rgb(204, 162, 86);}  
.whitemenu_ie ul {padding: 0px; margin-top: 1px;}  
.whitemenu_ie li {list-style: none;}


В стилях есть ссылки на одно изображение, это на темную кнопку, если вам нужно что то другое, то смотрим размер какой и ставим кнопку свою.

Источник: http://internetempire.ru/
06 Февраля 2016 Просмотров: 2276 Комментариев: (7)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 7
Сопрано
Сопрано 06 Февраля 2016 04:091
0
На каком то кино сайте видел или такое или сильно похожее меню.
tsakonter
tsakonter 06 Февраля 2016 04:132
0
Так как раз на светлый дизайн кино сайта подойдет, или на блог, просто на фиксированную ширину сделано.
AnTron
AnTron 06 Февраля 2016 04:183
0
Да не простое, есть и проще, здесь хоть стили основном, но исключая одного файла, который можно вообще не ставить.
Tergran
Tergran 06 Февраля 2016 08:314
0
Под категорий ее сделать, должно нормально получиться.
Kosten
Kosten 06 Февраля 2016 08:345
0
Не исключаю, что могут отличные категорий получиться, просто сделано на кино ресурсе, так как их там все больше.
noavatar
monarch 15 Февраля 2017 19:106
0
и чо это за математика
2.702702702702702702702702702703%
проще никак низя сделать ?
Сопрано
Сопрано 15 Февраля 2017 19:207
0
А, что вам пугает, на многих скриптах можно и больше увидеть.
avatar