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>
2012-04-16 Просмотров: 2671 Комментарий: (3)

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

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

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

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