[Solved] how to make category look like this?

I want to change my appearance so it looks neat category like in this forum,



please, help me  

i think you can edit that in CSS and Index body

KiNGphx wrote:[link="/t390-how-to-make-category-look-like-this#2339"]i think you can edit that in CSS and Index body

please tell me the code

ok , correction not Index_body you should put in Index_box


Above This code in Index_box
[ic]{catrow.forumrow.FORUM_DESC}[/ic]

Put this

Code:

<div class="forumimg">
    <img style="float:left" alt="" src="http://i56.servimg.com/u/f56/18/59/49/93/13848632.png"></img>

then Publish.


after that put this CSS

Code:

[panda=css].forumimg img {
    background: none repeat scroll 0px 0px rgb(255, 255, 255) !important;
    border-bottom: 2px solid rgb(204, 204, 204) !important;
    border-left: 1px solid #CCC;
    border-radius: 4px;
    border-right: 1px solid #CCC;
    border-top: 2px solid rgb(204, 204, 204) !important;
    height: 38px !important;
    margin-left: -45px;
    margin-top: -17px;
    padding: 0px !important;
    width: 38px !important;
}

then submit




after you add the html in Index_box and CSS



Go to
Admin panel -> Display -> Pics Management -> Icons for the forum

Delete all Images Except Category New and Forum New

The code works, but so it looks a bit odd   
all categories have the same icon, how can I make each category has a different icon?
and another, I have tried the icon in order to shift to the left but could nont.   
please help me solve this problem.  

okay .. if you want to put different icons Just go to

General --> categories & forums

then click every forum you want to put the icon

Example here





then so on ..

I've done it before. and the result looks like this   

Can you give us your forum url?

Did you put this CSS ?

Code:

[panda=css]        .forumimg img {
            background: none repeat scroll 0px 0px rgb(255, 255, 255) !important;
            border-bottom: 2px solid rgb(204, 204, 204) !important;
            border-left: 1px solid #CCC;
            border-radius: 4px;
            border-right: 1px solid #CCC;
            border-top: 2px solid rgb(204, 204, 204) !important;
            height: 38px !important;
            margin-left: -45px;
            margin-top: -17px;
            padding: 0px !important;
            width: 38px !important;
        }

yes, of course. however, the results are as above.

helo, everything is fine
I input the code it turns out there is excess #lol

thank you very much, topic solved.