Multiple styles in index

[j1mmy]

I know it is possible to apply certain styles to certain fourms, but how can I apply multiple styles to each forum and have the forum respective styles presented on the forum index page?

It's really just changing the colour for each forum for me...

[j1mmy]

Bump...

[Lynne]

I cannot picture what you want. Perhaps you can post some images of what you are wanting.

[j1mmy]

Okay, for example this website has blue table headers for each forum. What I want is for each forum to have their own colour. So for e.g. website lounge would be blue, psychology topics would be red etc. And of course when you click a certain forum, it would be displayed in its respective colour.

[Lynne]

I suppose you can find the template that spits out the table header and then add a conditon - if forumid=xx then add a style tag to the table that is the color you want. Or just add a class to it like class="mycolor$forumid" and then add these classes to the bottom of Main CSS. However, I know of no way to automatically do this. You're gonna have to make template edits and such.

[j1mmy]

I know what the template is, it's forumbit_level1_nopost.

But I've never worked with if tags before, so wouldn't know how to write it at all. I'm not quite sure what you mean by the class="mycolor$forumid" solution.,,

[Lynne]

Just add it into these areas:

<td class="thead mycolor$forumid" etc

And then define class .mycolor4 for when it is forumid 4, and .mycolor10 for when it is forumid 10, etc.

[j1mmy]

Right, so where would that go in the template?

<tbody>
	<tr>
		<td colspan="<if condition="$vboptions[showmoderatorcolumn]">4<else />3</if>"> 
                <!-- forcing space -->
                <img src="$vboptions[cleargifurl]" width="1" height="5" />
                </td>
        </tr>
</tbody>
<tbody>
	<tr>
		<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">4<else />3</if>">
			<if condition="$childforumbits">
			<a style="float:$stylevar[right]" href="#top" onClick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
			</if>
			<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
			<if condition="$show['forumdescription']"><span class="smallfont" style="font-weight:normal;">- $forum[description]</span></if>
			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
		</td>
	</tr>
</tbody>
<tbody>
	<tr align="center">
	  <td class="thead" >&nbsp;</td>
	  <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
	  <td class="thead" width="175">$vbphrase[last_post]</td>
	  <if condition="$vboptions['showmoderatorcolumn']">
	  <td class="thead">$vbphrase[moderator]</td>
	  </if>
	</tr>
</tbody>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
$childforumbits
</tbody>
</if>

[Lynne]

Originally Posted by j1mmy

Right, so where would that go in the template?

In this area:

<tbody>
    <tr align="center">
      <td class="thead" >&nbsp;</td>
      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
      <td class="thead" width="175">$vbphrase[last_post]</td>
      <if condition="$vboptions['showmoderatorcolumn']">
      <td class="thead">$vbphrase[moderator]</td>
      </if>
    </tr>
</tbody>

[j1mmy]

Could you give me an example (with colors and forumid's) of how the line of code is written exactly? Then I can copy it to the other forums. The way I wrote it doesn't work at all.