The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to change bar?

3 posters

Go down

In progress How to change bar?

Post by jarn June 1st 2014, 3:43 pm

How to change bar? GD5HT1K

The orange bar that says 'first topic' on it. Is there any way to change it?
avatar
jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

In progress Re: How to change bar?

Post by SLGray June 1st 2014, 5:15 pm

How do you want to change it?  Please post the link to your forum.


How to change bar? Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: How to change bar?

Post by jarn June 1st 2014, 10:00 pm

http://onepiecerpg.forumotion.co.uk/

I mean the orange category bar.
avatar
jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

In progress Re: How to change bar?

Post by Guest June 1st 2014, 10:02 pm

Add this to your CSS:
Code:
th {
background-image: none !important;
background-color: #fff;
}
avatar
Guest
Guest


Back to top Go down

In progress Re: How to change bar?

Post by jarn June 2nd 2014, 4:13 pm

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.
avatar
jarn
Forumember

Posts : 80
Reputation : 1
Language : English

http://cwentertainment.forummotion.com/

Back to top Go down

In progress Re: How to change bar?

Post by Jophy June 3rd 2014, 9:26 am

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:

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">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</th>

Replace it with:

Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle" id="change">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Back to top


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