Выглядит так:
Картинка в категории большая. Изображение можно менять.
HTML низ
Код:
<script type="text/javascript">
var IMGwidth='[b][color=red]135[/color][/b]'; //Ширина Ячейки под Картинку
var CategorName = [
//НАЗВАНИЕ КАТЕГОРИИ, ССЫЛКА НА КАРТИНКУ,
'[color=red][b]Будущие соревнования[/b][/color]','[b][color=red]http://savepic.su/507237.gif[/color][/b]',
'[color=blue][b]Информация[/b][/color]','[color=blue][b]http://savepic.su/500894.gif[/b][/color]',
"End"]
$("#pun-index .category").each(function (){
for(i=0; i<(CategorName.length-1); i+=2){
var str="<table cellspacing=\"0\"cellpadding=\"0\"style=\"margin:0!important;width:100%;border-collapse:collapse;border:0 none transparent;padding:0!important;\"><tr valign=top><td width="+IMGwidth+" align=center valign=center style=\"padding:4px;\"><img src=\""+CategorName[i+1]+"\" width=\""+IMGwidth+"\"></td><td width=100% style=\"padding:0!important;\">";
var str2="<td style=\"padding:0!important;\"></td></tr></table>"
if($(this).find("h2 span:first").text()==CategorName[i]){
$(this).find(".container").html(str+$(this).find(".container").html()+str2)}
}
});
</script>Красным Прописываете Ваши точные названия и ссылки на картинки
Строку синим жирным, размножаем для Ваших названий и ссылок, лишние -удаляем
135 - Ширина Картинки(в пикселах) и ячейки отводимой под неё.
Картинки можно ставить как на все категории, так и только на избранные...
Скрипт от Deff
