Вид категорий от videtor

Вид категорий от videtor
Установка :

В блок :

Code
<div style="border-bottom: 1px solid #ddd; background: #fdfdfd url('http://usite.su/img/noize.png');">
<div style="margin-right: -1px; margin-bottom: -1px;">
<table align="center" border="0" cellspacing="0" cellpadding="0" width="100%" class="catsTableI"><tbody><tr><td style="width:25%" class="catsTdI" id="cid6" valign="top"><a href="Ваша сылка" class="catik"><span class="users">Пользователи</span></a></td><td style="width:25%" class="catsTdI" id="cid11" valign="top"><a href=" Ваша сылка " class="catik"><span class="forum">Форум</span></a></td><td style="width:25%" class="catsTdI" id="cid13" valign="top"><a href=" Ваша сылка " class="catik"><span class="proch">Прочее</span></a></td><td style="width:25%" class="catsTdI" id="cid15" valign="top"><a href=" Ваша сылка " class="catik"><span class="php">PHP</span></a></td></tr><tr><td style="width:25%" class="catsTdI" id="cid14" valign="top"><a href=" Ваша сылка " class="catik"><span class="files">Каталог файлов</span></a></td><td style="width:25%" class="catsTdI" id="cid16" valign="top"><a href=" Ваша сылка " class="catik"><span class="comms">Комментарии</span></a></td><td style="width:25%" class="catsTdI" id="cid17" valign="top"><a href=" Ваша сылка " class="catik"><span class="chats">Мини-чат</span></a></td><td style="width:25%" class="catsTdI" id="cid18" valign="top"><a href=" Ваша сылка " class="catik"><span class="stats">Статистика</span></a></td></tr></tbody></table>
</div></div>


В css:
Code
a.catik:link, a.catik:visited {
  text-decoration: none; color: #7d7d7d; font-weight: bold; display: block;
  background: rgba(255,255,255,0.65) url('http://usite.su/img/highlight_faint.png') repeat-x top;
  border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;
}
a.catik:hover, a.catik:active {
  text-decoration: none; color: #648aad; background: #f7f7f7 url("http://usite.su/img/highlight_faint.png") repeat-x 0 0;
}
a.catik span {
  display: block; padding: 9px 15px;
}

a.catik span {
  display: block; padding: 9px 15px;
}

a.catik span.users {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Users.png") no-repeat 7px center;
}
a.catik span.stats {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Stats.png") no-repeat 7px center;
}
a.catik span.forum {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Forum.png") no-repeat 7px center;
}
a.catik span.comms {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Comments.png") no-repeat 7px center;
}
a.catik span.chats {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Chat.png") no-repeat 7px center;
}
a.catik span.files {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Save.png") no-repeat 7px center;
}
a.catik span.php {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Gears.png") no-repeat 7px center;
}
a.catik span.proch {
  display: block; padding: 9px 15px 9px 30px; background: url("http://usite.su/icons/Refresh.png") no-repeat 7px center;
}
Скачать файлы