вРазные полезности

Вертикальное меню 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/

источник: zornet.ru

Похожие посты