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.

How to change bar?

View previous topic View next topic Go down

In progress How to change bar?

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



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

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 on June 1st 2014, 5:15 pm

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


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


SLGray
Administrator
Administrator

Male Posts : 36636
Reputation : 2440
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: How to change bar?

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

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

I mean the orange category bar.

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 @Mark on June 1st 2014, 10:02 pm

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

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

In progress Re: How to change bar?

Post by jarn on 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.

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 on 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
ForumGuru

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

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