If I were you I would use team logos as a forum background, and prepare theme like that (~25min of work, beg for forbearance)

Does anyone know the steps for accomplishing this? I am looking at the individual forums and the background images. It's a really nice look.

That slow, maybe i should try the background one, having 27 images with 1/2/3kb each might be too much. having 1 image will be better i think. @Kushi would you like to share how you did that, and please upload that image photoshop file too plzz.

What do you guys think about the theme so far? the css of the theme (unminified) is 53kb. just minified it, 38kb now.

This extension allows you to insert icons for forums in admin panel: https://github.com/downloads/ashcs/punb … _image.zip

lol, you could have shown me this earlier, i wouldnt have bothered kushi with all that earlier. cant beleave i missed this, i walked through all the 1.4 supported extensions and additions forums.

As for the hcs forums image extension, it does fix the issue with text over each other, but it doesnt have any css file for me to play with, it looks very tight and not arranged, look at forum 6,3,25. Also the url doesnt work, you have to upload the image, which is ok though.

I still think it will be better and clearner if it does another coloumn like the forum icons (new, sticky etc type) with forum image in it instead.

@kushi, thats beautiful, but background image will already make the page larger then it already is, and will people wont be able to concentrate on text. i like the clean view, easy on the eyes.

it disrups the (new posts) and when i shrink the width of my IE/FF/GC page into like half of the screen, the long forum titles become broken in 2 lines serperated a long way with the forum description over the forum title.

Change display: block to display: inline-block;

What you're asking about, separate field next to folder icon can't be done using CSS. You'll need to write extension. What I can only give you is this short CSS example

#brd-index #forum80 .item-subject h3 > a{
    background: url(https://www.campleaders.com/html/images/footer/2012/icon_fb.png) 0px 0px no-repeat;
    padding-left: 36px;
    height: 32px;
    display: inline-block;
}
#brd-index #forum80 .item-subject > p{
   padding-left: 36px;
   margin-top: -15px;
}

#brd-index #forum82 .item-subject h3 > a{
    background: url(https://www.campleaders.com/html/images/footer/2012/icon_fb.png) 0px 0px no-repeat;
    padding-left: 36px;
    height: 32px;
    display: inline-block;
}
#brd-index #forum82 .item-subject > p{
   padding-left: 36px;
   margin-top: -15px;
}

And its effect

edit

I'm really tired and i've just noticed that you've written about changing folder icons to new one. I've posted solution on this forum, search mine posts.

it disrups the (new posts) and when i shrink the width of my IE/FF/GC page into like half of the screen, the long forum titles become broken in 2 lines serperated a long way with the forum description over the forum title.

it disrupts the whole view. perhaps i should move the icons near the forum icons. that way it doesnt have anything to do with forum title / description.

i tried for an whole 1.5 hour to do that but my css skills are very limited, perhaps you can give a css to work with.

thanks

khusi, sorry tobe such a bother, but may i ask one more line of css code you could helpe me with.

if you can see the icons i put, i wanna make a line (border) between them and the titles/desc. Like the line that seperates the (new,normal) forum icons in this picture.