Multiple styles in index

[Lynne]

It's always best if you post what you did so we can help you fix it. You aren't going to learn as much if I just tell you exactly what to do.

Here is what I am talking about doing. I stated it in post 7 above:

<td class="thead mycolor$forumid" >&nbsp;</td>

If you add that to the lines, you should then be able to go into your source code and see lines such as (Psychology Website Lounge):

<td class="thead mycolor1" >&nbsp;</td>

and in the next section (Psychology Topics):

<td class="thead mycolor5" >&nbsp;</td>

So looking at the source code shows you the classes you then need to define in your Main CSS - from above, you need to define .mycolor1 and .mycolor5

[j1mmy]

I can see the lines such as Psychology Website Lounge etc in the source code. But that source code is based on the above template, forumbit_level1_nopost.

So in that template would I need to add that code 4 times (as there are 4 different forums?)

Also, how would I define this in the CSS? Would it be like

.mycolor1 {

color:#FFF

Also, above in your example, you haven't specified the forumid?

--------------- Added [DATE]1245706039[/DATE] at [TIME]1245706039[/TIME] ---------------

Any further suggestions?

[smartkidbk5]

First Make Multiple Styles with different colors...then:

AdminCP>Forum Manager>Select Forum & Click Edit
Style Options: Select Style for the forum
Override Users' Style Choice: Yes

[j1mmy]

Originally Posted by smartkidbk5

First Make Multiple Styles with different colors...then:

AdminCP>Forum Manager>Select Forum & Click Edit
Style Options: Select Style for the forum
Override Users' Style Choice: Yes

What I am trying to do is get the styles to display themselves all on the index page. Usually vB only allows one style to be shown on the home page, not multiple.

[Lynne]

Originally Posted by j1mmy

I can see the lines such as Psychology Website Lounge etc in the source code. But that source code is based on the above template, forumbit_level1_nopost.

So in that template would I need to add that code 4 times (as there are 4 different forums?)

Also, how would I define this in the CSS? Would it be like

.mycolor1 {

color:#FFF

Also, above in your example, you haven't specified the forumid?

--------------- Added 22 Jun 2009 at 14:27 ---------------

Any further suggestions?

The forumid gets spit out with the code. That's why I told you to view your page source and get the colors that are spit out in it.

This may help with your css - http://www.w3schools.com/Css/pr_background-color.asp

[j1mmy]

Well this is what the source is generating on my index, but no colors?

<!-- BEGIN TEMPLATE: forumhome_forumbit_level1_nopost -->
<tbody>
	<tr>
		<td colspan="3"> 
                <!-- forcing space -->

                <img src="clear.gif" width="1" height="5" />
                </td>
        </tr>
</tbody>
<tbody>
	<tr>
		<td class="tcat" colspan="3">
			
			<a style="float:right" href="#top" onClick="return toggle_collapse('forumbit_1')"><img id="collapseimg_forumbit_1" src="images/fun/buttons/collapse_tcat.gif" alt="" border="0" /></a>
			
			<a href="forumdisplay.php?f=1">Psychology Website Lounge</a>

			
			
		</td>
	</tr>
</tbody>
<tbody>
	<tr align="center">
	  <td class="thead" >&nbsp;</td>
	  <td class="thead" width="100%" align="left">Forum</td>
	  <td class="thead" width="175">Last Post</td>
	  
	</tr>

</tbody>

<tbody id="collapseobj_forumbit_1" style="">
<!-- BEGIN TEMPLATE: forumhome_forumbit_level2_post -->