The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

punbb: 6 questions/problems (associated with editing css)

View previous topic View next topic Go down

Solved punbb: 6 questions/problems (associated with editing css)

Post by Guest on July 13th 2012, 4:41 am

I'm trying to fix my forum's appearance but I faced some problems (forum version: punbb).





1. I want to move this to the forum's bottom. If that's not possible I'd like to reduce the font's size.

2. I tried to change the category's background to this text image. And at image3 you can see that it seemed like working but it didn't. If I try to change the category's background colour, it changes (to the setted colour). But if I try to change the image, it doesn't change. So I need to fix this.

3. If its possible, I want to change the text at the third column (so it doesn't take 2 rows). I also want to make the first column have 70% of the table's size, column2 10%, column3 10%, column4 10%.

4,5,6. I'd like to know how to edit the image background (which css tag refers to those cells?). (Also I want to change the radius of 6 but if you give me the tag I may be able to do it by my own).


I know those are way a lot questions but if you can answer even one, I ask you to do so. Please help me and thanks in advance.
(link to my forum: http://grotoshop.forumgreek.com/ )

Guest
Guest


Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Sanket on July 13th 2012, 11:20 am

1) Add this to your css.
Code:
  #pun-visit {
font-size: 10px !important;
}

2) Add this to your css
Code:
.main .main-head {
    background-image: url("Image URL") !important;
}

3) Add this to your css. If i try to change column # 2 & # 3 to 10% it would look awkward. Also Column 4 is at 20%, it looks awkward with 10%.
Code:
.pun table .tcl {
width: 70% !important
}
Code:
.pun table .tcr {
width: 20% !important
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Guest on July 13th 2012, 2:47 pm

Thank you very much Sanket. The percentages where example values.
All worked great. But can you tell me (if you know) how to change the left and right images of the category? Because with the provided code I can change only the main category image.

Thanks again!

Guest
Guest


Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Sanket on July 13th 2012, 4:56 pm

Left and right images of the category, maybe a screenshot would help.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Guest on July 14th 2012, 2:03 am



You provided me the code for the (1). I'd like to edit the (2) and (3) too.
My main problem is that I want a rounded forum but this has many angles.

Guest
Guest


Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Sanket on July 14th 2012, 5:23 am

What happened, when you replaced those images?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Guest on July 14th 2012, 12:34 pm

Nothing, because my forum has some kind of problem. I could replace the middle image using the css code you provided me. But nothing changes when I edit these boxes, that's my problem.

What should happen?
:The left image should be placed at the start of the category line's background, the right at the end. And the middle should be at the rest place.
eg1: the category line is 100pixels, the left image 10px, the right 10px and the middle 1px: the left will be place at the 10 first px, the middle will that the next 80px and the right will take the last 10px.
eg2: the category line is 100pixels, the left image 10px, the right 10px and the middle 1000px: the left will be place at the 10 first px, the middle will that the next 80px and the right will take the last 10px.

Guest
Guest


Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by Guest on July 15th 2012, 6:05 pm

Anyway, the rest questions got kinda self-solved.
So it's better to lock this. Thanks.

Guest
Guest


Back to top Go down

Solved Re: punbb: 6 questions/problems (associated with editing css)

Post by SLGray on July 15th 2012, 7:41 pm

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36641
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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