Свои картинки в категории
Фоновое изображение свое для каждой категории можно сделать с помощью css
//в хтмл-верх или свой стиль без тегов <style>
<style>
#pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}</style>
, где красным - номер категории по-порядку.
Но если на вашем форуме для некоторых групп пользователей скрыты некоторые категории, то порядок расположения категорий нарушится и изображения не будут соответствовать задуманному.
Те, у кого есть скрытые категории, могут использовать скрипт:
Автор: Deff
в хтмл-верх или хтмл-низ
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"Информационный раздел", "http://mybb.ru/f/collection/0208.gif",
"Техническая поддержка", "http://mybb.ru/f/collection/0211.gif",
"Форумы опытных пользователей", "http://mybb.ru/f/collection/0213.gif",
"Разное", "http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif",
"Статистика форума", "http://mybb.ru/f/collection/0217.gif" //Последний элемент без запятой!
)
$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
"height":"50px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}
if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>в HTML верх, скрываем названия шрифтом:
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>Теги: изображение для категории, фон категории, своя картинка в категорию, категория
