Multiple Separator colors for your board ~ at Runboard.com
Welcome: You have reached Pastor Rick's Design Elements message board... The board dedicated to constructing NEW and unique skins and layouts using primarily RunBoard hosted graphic elements and helping others... Enjoy your stay and please tell others about this board...
Design Elements
 Combination Snippets
  Multiple Separator colors for your board
Support  Search

runboard.com       Sign up (learn about it) | Sign in (lost password?)


 
Pastor Rick
Head Administrator
Global user (premium)

Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)
Avatar
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


---
Image
·TNZ·DE·TRD·ITB·
4/9/2009, 10:18 am Send Email to Pastor Rick   Send PM to Pastor Rick MSN Blog
 


Add a reply






Powered by AkBBS 0.9.5b  -  Link to us   -  Blogs   -  Hall of Honour   -  Chat
Click here to get your own free message board
You are not logged in (login)      This Board's Date and Time: 11/23/2009, 3:28 pm