How to change bar?
3 posters
Page 1 of 1
Re: How to change bar?
How do you want to change it? Please post the link to your forum.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: How to change bar?
Add this to your CSS:
- Code:
th {
background-image: none !important;
background-color: #fff;
}
Guest- Guest
Re: How to change bar?
Thank you! Although, is there a way to change the actual appearance of the bar rather than just it's color? I would imagine it has something to do with replacing the 'none' with a URL, but I don't want to risk anything.
Re: How to change bar?
The th selector would also affect all the table headers in your forum even in your posts, it's advisable that you put an id for your category header in your templates. But if you're giving it a go, you can use this CSS to use a background image:
In case you don't want this to affect the other th/table headers on your forum, go to your templates(for phpbb2):
General > index_box:
Find:
Replace it with:
Find:
Replace it with:
Find:
Replace it with:
Find:
Replace it with:
Then add this to your CSS:
- Code:
th {
background-image: url('IMAGE URL HERE');
}
In case you don't want this to affect the other th/table headers on your forum, go to your templates(for phpbb2):
General > index_box:
Find:
- Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
Replace it with:
- Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" id="change"> {catrow.tablehead.L_FORUM} </th>
Find:
- Code:
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
Replace it with:
- Code:
<th nowrap="nowrap" width="50" id="change">{L_TOPICS}</th>
Find:
- Code:
<th nowrap="nowrap" width="50">{L_POSTS}</th>
Replace it with:
- Code:
<th nowrap="nowrap" width="50" id="change">{L_POSTS}</th>
Find:
- Code:
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
Replace it with:
- Code:
<th nowrap="nowrap" width="150" id="change"><div style="width:150px;">{L_LASTPOST}</div></th>
Then add this to your CSS:
- Code:
#change {
background-image: url('IMAGE URL HERE');
}
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum