Перебить под 2ой движок

Как это https://help.forum2x2.ru/t19577-topic#154362



под 2ой движок перебить?

1. В шаблоне index_box (Главная страница - показ категорий)
фрагмент

Код:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>

заменяется на

Код:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="top">
<div class="imgcat"><img class="statys" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>

Шаблон сохраняется, публикуется.

2. В CSS добавляются настройки:

Код:

.imga {
position: relative;
width: 90px;
height: 90px;
z-index: 3;
margin-left: -100px;
}

img.statys {
position: relative;
z-index: 4;
margin-top: 70px;
margin-left: 20px;
}

.imgcat {
width: 100px;
height: 120px;
text-align: left;
z-index: 2;
}

.inall {
position: relative;
margin-top: -90px;
}


Изображение категории ставится в описание первым:

Код:

<img src="http://i41.servimg.com/u/f41/14/71/65/95/92313810.jpg" alt="название" title="название" class="imga" />

Описание категории ставится после картинки, в контейнере с классом inall! Это обязательное условие.

Код:

<div class="inall">Описание категории</div>

Если описания нет, то ничего добавлять не надо.

Пояснения: некоторые значения необходимо будет изменить исходя из размеров картинок категорий!

.imga {
position: absolute;
width: 90px; /* ширина картинки */
height: 90px; /* высота картинки */
z-index: 3;
margin-left: -100px; /* смещение влево, должно быть соразмерно значению width у .imgcat */
}

Контейнер, в котором находятся иконки "Новые", "Нет новых", "Закрыт". По размерам должен быть чуть больше, чем изображение категории (чтобы они нормально друг на друга наложились)

.imgcat {
width: 100px; /* ширина, чуть больше ширины .imga */
height: 120px; /* высота, не меньше высоты .imga */
text-align: left; /* выравнивание иконки по левому краю, можно изменить на center или right */
z-index: 2;
}

Иконки "Новые", "Нет новых", "Закрыт"

img.statys {
position: relative;
z-index: 4;
margin-top: 70px;  /* отступ сверху, по своему усмотрению */
margin-left: 20px;  /* отступ слева, по своему усмотрению */
}

Описание категории

.inall {
position: relative;
margin-top: -90px; /* смещение вверх на высоту .imga */
}

Даначка огромное спасибо от меня и от девочки которая попросила!!

Пожалуйста