Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Solved] how to make category look like this?



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  error404

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



please, help me  Embarassed

Powered by PunBB
Currently 0 users have thanked error404 for this post:

2
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
i think you can edit that in CSS and Index body

Powered by PunBB
Currently 0 users have thanked KiNGphx for this post:

3
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
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 Crying or Very sad

Powered by PunBB
Currently 0 users have thanked error404 for this post:

4
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
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

Powered by PunBB
Currently 0 users have thanked KiNGphx for this post:

5
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie


The code works, but so it looks a bit odd  Question 
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.  Crying or Very sad 
please help me solve this problem.  Sad

Powered by PunBB
Currently 0 users have thanked error404 for this post:

6
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
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 ..

Powered by PunBB
Currently 0 users have thanked KiNGphx for this post:

7
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
I've done it before. and the result looks like this  Shocked 


Powered by PunBB
Currently 0 users have thanked error404 for this post:

8
Offline

  Shadow

avatar
Administrator
Administrator
Can you give us your forum url?

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

9
Offline

  KiNGphx

avatar
Punbb Guru
Punbb Guru
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;
        }

Powered by PunBB
Currently 0 users have thanked KiNGphx for this post:

10
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
yes, of course. however, the results are as above.

Powered by PunBB
Currently 0 users have thanked error404 for this post:

11
Offline

  error404

avatar
Punbb Rookie
Punbb Rookie
helo, everything is fine Very Happy
I input the code it turns out there is excess #lol

thank you very much, topic solved.

Powered by PunBB
Currently 0 users have thanked error404 for this post:

12
Offline

  Shadow

avatar
Administrator
Administrator
Solved => Locked.

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum