Quote:
Originally Posted by Xoligy
There's no way to do this with just CSS. The best way is to give it another class of tcat_text_$forumid and then change the background image in the CSS. So open the templatebit "forumhome_forumbit_level1_nopost" and find this:
<td class="tcat"
Then change it to:
<td class="tcat tcat_text_$forumid"
Then, in your CSS in the "Additional CSS Definitions" area add the following:
.tcat_text_18 {
background: #990000 url(images/icons/pbcategorybggen.jpg) no-repeat;
text-indent: -1000px;
}
Then do the same to the CSS for the other forums (just change '18' to the forum ID which you can find by hovering your mouse over the link and looking for &f=<id>). This is just off my head so it may need tweaking a little.
|
Thank you very much, that worked a treat!
One small question though, after doing this I find the collapse/expand button has moved to the left and outside the body, any ideas?
Here is the new code in forumbit_level1_nopost
<tbody>
<tr>
<td class="tcat tcat_text_$forumid" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</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']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
</tr>
</tbody>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
$childforumbits
</tbody>
</if>
And the additional CSS:
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.tcat_text_18 {
background: #990000 url(images/misc/pbcatgen.jpg) no-repeat;
text-indent: -1000px;
}
.tcat_text_1 {
background: #990000 url(images/misc/pbcatwelcome.jpg) no-repeat;
text-indent: -1000px;
}
.tcat_text_7 {
background: #990000 url(images/misc/pbcatTBZ.jpg) no-repeat;
text-indent: -1000px;
}
.tcat_text_13 {
background: #990000 url(images/misc/pbcatpoker.jpg) no-repeat;
text-indent: -1000px;
}
.tcat_text_20 {
background: #990000 url(images/misc/pbcatbitofbant.jpg) no-repeat;
text-indent: -1000px;
}