Оформление ссылок в навигации

Нажмите на изображение для просмотра в полном размере

Описание:
По сути этот скрипт предназначен для создания меню на сайте. Очень примитивное и простое как по оформлению, так и по установке меню на собственный портал. Отступы, размер, стиль и цвет ссылок легко отредактировать с помощью изменения кода CSS стилей.

Установка:
По месту размещения вставляем:

Код

<div class="links">
  <li><a href="/">Главная страница</a></li>
  <li><a href="/load">Каталог файлов</a></li>
  <li><a href="/news">Каталог новостей</a></li>
  <li><a href="/publ">Каталог статей</a></li>
  <li><a href="/blog">Видеоролики</a></li>
  <li><a href="/board">Игровые обзоры</a></li>
  <li><a href="/forum">Форум веб-сайта</a></li>
  <li><a href="/faq">FAQ - вопрос/ответ</a></li>
  <li><a href="http://www.csomsk.ru/index/svjaz_s_adminom/0-103">Для связи с администрацией</a></li>
  </div>

В таблицу стилей CSS вставляем следующий код:

Код

.links li {list-style: none; font-size: 10pt; margin: 5px 0;font: 12px/16px 'Arial';}
.links li a {background: url('http://www.csomsk.ru/csomsk/15.png') no-repeat 0 2px; padding: 0 0 0 20px; color: #808080;text-decoration: none;}
.links li a:hover {background-position: 0 -28px; color: #000;}

Посмотреть