Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 560
Karma: 11 (+12/-1)
|
|
Reply ● Quote
|
|
Multiple Separator colors for your board
quote:
zeppo11uk said:
At present when I add a separator to my different forums they all appear in the same colour.
How do I change the colour so you get for examples "Sport" being green, "Music" being red, "News" in blue etc etc
The following solution is from Lesigner Girl:
Go in to "Arrange Forums" and add <div>s around each category/separator name, giving them each an appropriate id. For example, if your category/separator name is "Main forums", you might want to use "main_forums" or just "main" as your id, like so:
<div id="main">Main forums</div>
Save those changes, then go into your CSS and look for .forumlist_separator_td
Between the { and } that come after that, add:
padding: 0;
If you don't see .forumlist_separator_td already in your CSS, then just add this:
.forumlist_separator_td { padding: 0; }
Also, add this:
.forumlist_separator_td br { display: none; }
For each of the categories, define them with a # before the id, defining padding and your backgrounds there.
Using the "main" example from above:
#main {
padding: 3px;
background: #cccccc url(http://url_to_background_image.gif) top left repeat-x;
}
Change the parts in blue to suit your needs.
An added benefit to using ids instead of class names is that you can actually link directly to a category, which is great if you have a lot of forums. To link to the "main" category, you would use this:
<a href="http://www.runboard.com/byourboardurl#main">Text for people to click on</a>
Notice the number (#) sign with both the css and with the link. [original posting was made in Runboard Support here.]
Last edited by Pastor Rick, 4/9/2009, 10:25 am
|
|
4/9/2009, 10:18 am
|
Link to this post
Send Email to Pastor Rick
Send PM to Pastor Rick
Blog
|
