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/
2016-02-06 Просмотров: 1811 Комментарий: (7)

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

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

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

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