ZorNet.Ru — сайт для вебмастера » Меню для сайта » Светлое вертикальное меню как на сайте zornet.ru

Светлое вертикальное меню как на сайте 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 Апреля 2012 Просмотров: 3345 Комментариев: (3)

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

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

Оставь свой отзыв

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