Каждой категории - своя иконка (ГИД)

[kindermix]

Я прикрепил 2 файла с примером, того, что можно сделать.

 

В наче я сразу хочу обратить Ваше внимание на то, что иконки должны быть одного размера. На изображение "icons2" я использовал размер 48х48 пикселей, .png. Всё что вам нужно, это найти подходящие изображения, и переименовать их в соответствие с номером категории форума к которому вы хотите их присвоить. (см. cat_number.jpg прикреплённый файл).

 

 

Примерно что у Вас должно получиться:

cat_8.png

cat_3.png

cat_11.png

cat_32.png

cat_22.png

 

 

 

Загрузите изображения в папку /public/style_images/master/ на Вашем сервере.

 

Далее заходим в АЦ, жмём Внешний Вид, и выбираем нужный скин - Управление шаблонами и CSS

 

 

Начнём с изменения каскадной таблицы стилей ipb_styles.css, добавляем в конце:

 

.cat_icon{
	position: absolute;
	z-index: 9990;
	height: 48px;
	margin-top: -9px;
	margin-left: 5px;
}

 

Эти пораметры хорошо подходят для базового скина с иконками 48 на 48, если у Вас другие иконки или скин сильно отличается от базового, попробуйте поиграться с этими параметрами высоты и отступа.

 

Сохраните ipb_styles.css и откройте Board Index > boardIndexTemplate, и найдите:

 

<div class='category_block block_wrap'>

 

 

После, добавьте следующее:

<div class='cat_icon'><a href="{parse url="showforum={$_data['cat_data']['id']}" seotitle="{$_data['cat_data']['name_seo']}" template="showforum" base="public"}"><img src='{style_images_url}/cat_{$_data['cat_data']['id']}.png' alt='' /></a></div>

 

 

 

И на последок, найдите (в boardIndexTemplate):

<h3 id='category_{$_data['cat_data']['id']}' class='maintitle'>

 

 

И замените найденный код на:

 

<h3 id='category_{$_data['cat_data']['id']}' class='maintitle' style='padding-left: 60px !important;'>

 

 

И опятьже, если что-то выглядит коряво или съезжает, попробуйте изменить параметр 60px.

[idTails]

Это не форум, а категория.

А для форумов уже всё есть.