Если заглянуть в HTML-код форума, то можно увидеть, что заголовки категорий имеют такой вид:
<div id="pun-categoryN" class="category">
<h2>
<div class="catleft"></div>
<span>Заголовок категории</span>
<div class="catright"></div>
</h2>
<div class="container">тут форумная таблица</div>
</div>
Красное - номер категории (генерируется в зависимости от ее порядка).
Синее - левый див-блок.
Зеленое - правый див-блок.
Так что, для любителей вкорячить картинку в любое место форума, не нужно никаких скриптов.
Прикрепляем картинку слева от названия
.catleft {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
Прикрепляем картинку справа от названия
.catright {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
Прикрепляем картинку к названию конкретной категории
слева:
#pun-categoryN .catleft {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
справа:
#pun-categoryN .catright {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
вместо N - номер категории по порядку с верху (помните, что если у вас на форуме наверху для какой-то группы что-то скрыто, то у них картинки тож будут в другом порядке как и категории)
Если надо вставить фоновую картинку в заголовок категорий:
.category h2 {
height: 62px;
background-image: url("картинка");
background-repeat: no-repeat;
background-position: top center;
color: transparent;
}
Если надо вставить фоновую картинку в заголовок конкретной категории:
#pun-category1 h2 {
height: 62px;
background-image: url("картинка");
background-repeat: no-repeat;
background-position: top center;
color: transparent;
}
Если надо скрыть текст названия категории:
.category h2 span {display: none !important;}
Если надо скрыть текст названия конкретной категории:
#pun-categoryN h2 span {display: none !important;}
вместо N - номер категории по порядку с верху
Отредактировано Герда (20.05.13 06:03)