Ну начнем. Мы будем редактировать шаблон:
Board Index Sections -> +-- Board Index Forum Row
Сохраните его, что бы можно было восстановить без проблемм.
Вы там найдете примерно такую строчку:
<td class="row4" ><b><a href="{ibf.script_url}showforum={$info['id']}">{$info['name']}</a></b><br /><span class='desc'>{$info['description']}<br /><b>{$info['moderator']}</b></span></td>
Она отвечает за столбец "Форумы", я же его переименовал в "Разделы".
Итак - мы хотим поменять ему цвет фона при наведении мышью?
Находим в вышенаписанном коде это:
<td class="row4" >
и превращаем в это:
<td class="row4" onMouseOver="this.style.backgroundColor='Новый_код_цвета'" onMouseOut="this.style.backgroundColor=''">
Теперь мы хотим установить определенную картинку форуму? П.с. в этот скрипт уже включена смена цвета, так что выполняемые ранее действия не нужны. 
Значит заменяем это:
<td class="row4" >
на это:
<td class="row4" onMouseOver="changeRowStyle(this,'yes','F{$info['id']}')" onMouseOut="changeRowStyle(this,'no','F{$info['id']}')">
Далее редактируем шапку форума, там размещаем фукнцию смены картинки:
Находим:
//-->
</script>
и перед этим вставляем это:
<!-- смена стиля строки -->
function changeRowStyle(TdObject,active,forumNumber) {
<!-- меняем цвет по активности -->
if (active== "yes") {
TdObject.style.backgroundColor = "Новый_код_цвета";<!-- Другие форумы -->
}
else {
TdObject.style.backgroundColor = "";
TdObject.style.backgroundImage = "";
}
}
Далее выше на строчку от:
<!-- Другие форумы -->
Вставляем этот код для каждого форума:
<!-- Название форума -->
if (forumNumber == "FX") {
TdObject.style.backgroundImage = "url(Ссылка к картинке форума)";
}
где X - номер форума
а остальное и так понятно: "Название форума" заменяем на какое хотим - это нужно для ориентировки вашей же. Ссылка к картинке соответственно.
Сохраняем и смотрим. Теперь другие ньюансы - картинка будет размножена по всей длинне таблицы, а я в своем случае это убрал и прижал её к правому краю, это делается так:
Заходим в стили css и находим там строчку похожую на это:
.row4 { background-color: ......
и заменяем на:
.row4 { background-color: #E4EAF2; BACKGROUND-POSITION: right; BACKGROUND-REPEAT: no-repeat; }
я не знаю какой у вас стандартный цвет, поэтому то, что выделено зеленым надо заменить на стандартный, он у вас есть в исходной строке.
То, что выделено красным - прижимает картинку вправо, то что синим - не дает повторяться картинке.
Пробуйте. Только заранее сохраняйте редактируемые шаблоны.
Если работает, то пишите в каком браузере.
Отредактировано ExperT (2006-02-03 19:13:33)
. Сделал по первому способу. Без картинки.
пасибоньки 
