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

Зеленое вертикальное меню 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 на основу материала.

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

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