Different Forum Board Colors?

[Former Member]

I noticed that there is a plugin for multicolored categories.
I am requesting a plugin for each forum board to be a different color.

[Former Member]

BUMP

[Former Member]

BUMP

[Former Member]

BUMP

[Chris]

Hi @womenonly, are you looking to have the boards on the main page (homepage) of the forum colored or are you also looking to have a colored background when inside a particular board?

[Former Member]

Oct 22, 2014 20:21:00 GMT -8 Chris said:

Hi @womenonly, are you looking to have the boards on the main page (homepage) of the forum colored or are you also looking to have a colored background when inside a particular board?

I am requesting a plugin for each forum board to be a different color.
I would like a colored background when inside a particular board.
I am not requesting prints,such as images.

Thank you for replying.

[Former Member]

BUMP

[Chris]

You could accomplish both those goals with pure CSS and not have yet another plugin slowing down your forum @womenonly. Would you be interested in a CSS solution or do you still prefer a plugin?

[Former Member]

Oct 25, 2014 19:23:05 GMT -8 Chris said:

You could accomplish both those goals with pure CSS and not have yet another plugin slowing down your forum @womenonly. Would you be interested in a CSS solution or do you still prefer a plugin?

I think the CSS solution is worth a try.  

Please provide me with the details.

Thank you.

[Chris]

Sorry for the late responses @womenonly!

Home Page

To color a particular board when viewing a list of boards on the home page first determine the number being used for that board by looking at the URL, for example the URL used for this "Request a Plugin" board is http://support.proboards.com/board/36/request-plugin. Once you have that number you can use CSS to target that board and add color (or do pretty much anything else CSS allows you to do) by adding the following to your forum's main header. <style type="text/css">
#board-30 {background-color: #fe0e66;} /* for board 30, the Praise board */
#board-112 {background-color: mistyrose;} /* for board 112, the Forums.net board */
</style>


(obviously replace the numbers and colors with your own) which should then make it look something similar to this



Just keep adding a line for each board that you wish to target. For sub-boards use the parent boards' header instead of main.

Inside Board

To color the background of a board while actually viewing threads inside the board add the following to the header of the board you want to affect


<style type="text/css">
body {background-color: green;}
</style

[Former Member]

Hello:

Thank you for your replies.

I am requesting a bit more help.

Forum Mattters is a category.

Is that why this inside board did not change

to the color beige?                                         The outer board:forum matters did change to beige.

I decided that I would like the inside

of this board:forum matters to be a different color.

I would like the home page's boards to remain their background color:blue.

[Former Member]

Let's say I wanted the posting page or the thread list page to be a different background color.
Where would I insert your codes?

[Chris]

Oct 28, 2014 12:00:04 GMT -8 @womenonly said:

Hello:

Thank you for your replies.

I am requesting a bit more help.

Forum Mattters is a category.

Is that why this inside board did not change

to the color beige?                                         The outer board:forum matters did change to beige.

I decided that I would like the inside

of this board:forum matters to be a different color.

I would like the home page's boards to remain their background color:blue.

If it's all the boards in a category that you want unique background colors then there is a category header/footer (new to V5 - just click on the category on manage headers/footers page) that can be used to affect all boards in that category. Keep in mind that what I gave enforces these targeted colors across all themes by using headers/footers but the layout templates for a particular theme can be used instead if wanting to keep on a per theme basis. If you are going through the trouble of trying to make a single board or set of boards easily identifiable through color then I would assume you would want to maintain that color as consistent across all themes if that color is meant to indicate something special about this board, no matter what theme the user is in the color immediately conveys "this is the board that...blah blah". If your intent is merely decorative and you want a per theme solution then that can be done as well.

As for also affecting the background of the content area in addition to the body background when viewing a particular board then replace it with this

<style type="text/css">
body, #content .content {background: none green;}
</style>


You can remove the homepage solution if you no longer want to color the board on the homepage

Oct 28, 2014 12:04:14 GMT -8 @womenonly said:

Let's say I wanted the posting page or the thread list page to be a different background color.
Where would I insert your codes?

Is this different than the rest of the board (assuming you've changed the content background color for that particular board) or different than the default content background color? The change above for affecting content background color would also affect the posting page but if you want to change it just for the posting page and just in a particular board then we could make use of the wysiwyg-area class but that needs to be clarified.
I misread that -- see above for also coloring the content area and not just the body background

[Former Member]

Oct 30, 2014 0:02:05 GMT -8 Chris said:

Oct 28, 2014 12:00:04 GMT -8 @womenonly said:

Hello:

Thank you for your replies.

I am requesting a bit more help.

Forum Mattters is a category.

Is that why this inside board did not change

to the color beige?                                         The outer board:forum matters did change to beige.

I decided that I would like the inside

of this board:forum matters to be a different color.

I would like the home page's boards to remain their background color:blue.

If it's all the boards in a category that you want unique background colors then there is a category header/footer (new to V5 - just click on the category on manage headers/footers page) that can be used to affect all boards in that category. Keep in mind that what I gave enforces these targeted colors across all themes by using headers/footers but the layout templates for a particular theme can be used instead if wanting to keep on a per theme basis. If you are going through the trouble of trying to make a single board or set of boards easily identifiable through color then I would assume you would want to maintain that color as consistent across all themes if that color is meant to indicate something special about this board, no matter what theme the user is in the color immediately conveys "this is the board that...blah blah". If your intent is merely decorative and you want a per theme solution then that can be done as well.

As for also affecting the background of the content area in addition to the body background when viewing a particular board then replace it with this

<style type="text/css">
body, #content .content {background: none green;}
</style>


You can remove the homepage solution if you no longer want to color the board on the homepage

Oct 28, 2014 12:04:14 GMT -8 @womenonly said:

Let's say I wanted the posting page or the thread list page to be a different background color.
Where would I insert your codes?

Is this different than the rest of the board (assuming you've changed the content background color for that particular board) or different than the default content background color? The change above for affecting content background color would also affect the posting page but if you want to change it just for the posting page and just in a particular board then we could make use of the wysiwyg-area class but that needs to be clarified.
I misread that -- see above for also coloring the content area and not just the body background

 

 Thank you..

You went above and beyond to assist me.

I plan on using a little bit of this and using a little bit of that.

I am also interested in decor and maintaining my themes.

I discovered that some of my changes can be made in the theme section.

[Former Member]

This request has been resolved.