ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Зеленое вертикальное меню 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;}

Оригинал: