» »

Светлое вертикальное меню как на сайте zornet.ru


Светлое вертикальное меню как на сайте zornet.ru

Светлое вертикальное меню как на сайте zornet.ru. Эта навигация стояла у меня на первом сайте. Я из него сделал блоки под каждый раздел тематики, что для пользователей стало очень просто находить материал и ориентироваться на сайте.
Приступим к установке:
Установка:
В CSS
Код
/* Меню сайта */  
.blockmenu {height:18px; width: 100%;font: normal 12px Arial, Helvetica, sans-serif;text-align: left;}  
.blockmenu a:link,  
.blockmenu a:visited { color:#000000;text-decoration:none;padding-left:25px;line-height:18px; display:block;font-weight:normal;background:url(http://zornet.ru/Ajaxoskrip/block_menu.png) no-repeat top; text-align: left; margin-top:1px;}  
.blockmenu a:hover { color:#000000;text-decoration:none;padding-left:25px; line-height:18px; display:block;font-weight:normal;background:url(http://zornet.ru/Ajaxoskrip/block_menu.png) no-repeat bottom; text-align: left;}  
/* ---------------- */

В блок
Код
<span class="blockmenu">  
  <a href="/" title="Главная страница">Главная</a>  
  <a href="/forum" title="Наш форум">Форум</a>  
  <a href="/news" title="Каталог новостей">Новости</a>  
  <a href="/publ" title="Каталог статей">Статьи</a>  
  <a href="/load" title="Каталог файлов">Файлы</a>  
  <a href="http://zornet.ru" title="Лучший сайт Ucoz скриптов" target="_blank">Лучшие скрипты <a/>  
  </span>
16.04.2012 Просмотров: 1744 Комментарий: (3)

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

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

Комментарий: 3
AnTron
AnTron 25.12.2015 15:561
0
Это первое еню, которое ставил, но убрал потом, не догодался что все буквы можно большими сделать, а так очень не чего сделано.
nikolla76
nikolla76 25.12.2015 16:082
0
Нормальное меню, оно даже подойдет на широкий формат сайта.
Kvint
Kvint 25.12.2015 16:313
0
Убрал бы вообще все эти дырки, не какого смысла не несут.
avatar