Оформить содержимое форума

Нужно сделать вот такое оформление форума:



Жду помощи!

Для parea.biz?

Да, если есть и для других не откажусь а то меня как то спрашивали Греки.

1. Отключаешь в ПА отображение подфорумов: ПА > Оформление > Структура и иерархия > Ссылки на подфорумы : Нет

2. Проверяешь в ПА > Общие настройки > Категории и форумы, чтобы форумы находились в нужной последовательности (в примере: форумы "PSD", "Кисти", "Стили" и "Текстуры" находятся внутри форума "Склад")



3. Жмешь на кнопку   рядом со "Складом"



4. Помещаешь внутрь поля "Описание" следующую табличку:

Код:

<table class="podforum" border="0">
   
   <tbody>
      <tr>
         
         <td>
             <a href="/f1-forum">PSD</a>
         </td>
         
         <td>
             <img title="" src="http://i39.servimg.com/u/f39/13/71/53/06/photos10.png" alt="" />
         </td>
         
         <td>
             <a href="/f2-forum">Кисти</a>
         </td>
         
         <td>
             <img title="" src="http://i39.servimg.com/u/f39/13/71/53/06/librar10.png" alt="" />
         </td>
         
      </tr>
      
      <tr>
         
         <td>
             <a href="/f3-forum">Стили</a>
         </td>
         
         <td>
             <img title="" src="http://i39.servimg.com/u/f39/13/71/53/06/wallpa10.png" alt="" />
         </td>
         
         <td>
             <a href="/f4-forum">Текстуры</a>
         </td>
         
         <td>
             <img title="" src="http://i39.servimg.com/u/f39/13/71/53/06/map10.png" alt="" />
         </td>
         
      </tr>
      
   </tbody>
</table>

В строчках

Код:

<a href="/f1-forum">PSD</a>

Код:

<a href="/f2-forum">Кисти</a>

Код:

<a href="/f3-forum">Стили</a>

Код:

<a href="/f4-forum">Текстуры</a>

заменяешь ссылки вида /f1-forum на адреса своих подфорумов, а текст PSD, Кисти и т.д. на названия своих подфорумов соответственно.

Ссылки на иконки вида

Код:

http://i39.servimg.com/u/f39/13/71/53/06/map10.png

тоже заменяешь на те, которые посчитаешь нужными.
Сохраняешь.

5. Добавляешь в CSS настройки для таблицы:

Код:

table.podforum td {
padding: 10px 10px 10px 0 !important;
}

table.podforum td a {
    font-family: Helvetica, Arial, sans-serif;
    background: #588fe5;
    display: inline-block;
    color: #fff !important;
    position: relative;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}

table.podforum td a:hover {
    background-color: #739fe4;
}

table.podforum td a:before {
    background: #fff;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    border-radius: 20px;
    margin: 0 5px 0 0;
}

table.podforum td a:after {
    display: inline-block;
    border: 15px solid;
    border-color: transparent transparent transparent #588fe5;
    height: 0;
    width: 0;
    position: absolute;
    right: -30px;
    top: 0;
    content: "";
}

table.podforum td a:hover:after {
    border-color: transparent transparent transparent #739fe4;
}

Сохраняешь.

Результат должен быть таким:

Мэрси, Даначка   

Всегда рада помочь