Скрипт категорий (разделов) для веб-сайта

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

Описание:
Данный скрипт хорошо подходит для выделения категорий в виде графического оформления на веб-сайте. При наведении курсором на раздел с категорией она выделяется более насыщенном цветом, категории легко изменить на свой а так же заменить изображения, легок в установке.
Установка:
Вставляем код где будет размещаться таблица с категориями:

Код

<table id="categories">
  <tr>
  <td width="25%">
  <a href="/categories/1" class="cat-link link-blogs">Блоги</a><br/>
  <a href="/categories/2" class="cat-link link-sport">Спорт</a><br/>
  <a href="/categories/3" class="cat-link link-personal">Персональные</a>
  </td>
  <td width="25%">
  <a href="/categories/4" class="cat-link link-portals">Порталы</a><br/>
  <a href="/categories/5" class="cat-link link-games">Игровые</a><br/>
  <a href="/categories/6" class="cat-link link-movies">Кино</a>
  </td>
  </td>
  <td width="25%">
  <a href="/categories/7" class="cat-link link-hobby">Хобби</a><br/>
  <a href="/categories/8" class="cat-link link-funsites">Фан-сайты</a><br/>
  <a href="/categories/9" class="cat-link link-business">Бизнес-сайты</a>
  </td>
  <td width="25%">
<a href="/categories/10" class="cat-link link-ecommerce">Коммерческие</a><br/>
<a href="/categories/11" class="cat-link link-school">Образовательные</a><br/>
<a href="/categories/12" class="cat-link link-other">Другие</a>
  </td>
  </tr>
  </table>

В CSS стиль вставляем:
Доступно только для пользователей

Понравилось: