» »

Зеленое вертикальное меню ZVEN-1 для uCoz


Зеленое вертикальное меню ZVEN-1 для uCoz

Думаю вам эта навигация Зеленное вертикальное меню ZVEN-1 для uCoz знакома по одному ресурсу. Но как видите здесь немного вмешался в дизайн и убрал стрелки и поставил вместо их кнопку, по мне так лучше и не похоже на других. И сама гамма уже изменилась, так как светло зеленые ресурсы все больше появляются а вот для них мало что подходит.

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

Код:

Код
<div class="block_menu">  
  <ul>  
  <li><a href="http://zornet.ru/">Главная сайта</a></li>  
  <li><a href="/forum">Форум сайта</a></li>  
  <li><a href="/forum">Каталог статей</a></li>  
  <li><a href="/news">Новости сайта</a></li>  
  <li><a href="/publ">Статьи</a></li>  
  <li><a href="/news">Каталог файлов</a></li>  
  <li><a href="/publ">Администратор</a></li>  
  </ul>  
  </div>


CSS:

Код
/* block menu */  
  .block_menu {width:254px; margin:0 auto;}  
  .block_menu ul li {height:28px; line-height:28px; margin:0 0 3px 0;}  
  .block_menu ul li a {display:block; height:28px; background:url(http://zornet.ru/CSS-ZORNET/Grety/Menu/block_menu_1543333.png) no-repeat 0 0; text-decoration:none; padding:0 0 0 27px; color:#fff; text-shadow:1px 1px #262626;}  
  .block_menu ul li a:hover {background-position:0 -28px; padding:0 0 0 28px; text-shadow:1px 1px #163949;}


Оригинал:



Немного гламура:



А теперь DEMO на основу материала.

08.05.2015 Просмотров: 315 Комментарий: (0)

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

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

Комментарий: 0
avatar