Add/Change Category Border Color per Category ID - MyBB
- Thread starter Cleopatra
- Start date
In the "forumbit_depth1_cat" template, use this code:
Then, in the global.css file, add this CSS:
Change X to the forum categories ID. Duplicate the CSS for each category ID and change the color accordingly.
Code:
class="trow_{$forum['fid']}"Then, in the global.css file, add this CSS:
Code:
.trow_X {
border: 1px solid #000000;
width: 100%;
margin: auto auto;
}Change X to the forum categories ID. Duplicate the CSS for each category ID and change the color accordingly.
Where exactly should I add this code
class="trow_{$forum['fid']}"
In which place on the template
<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td><td class="{$bgcolor}" align="center" valign="top" width="1"><img src="Forum_Icons/{$forum['icon']}" alt="{$forum['name']}" /></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
class="trow_{$forum['fid']}"
In which place on the template
<tr>
<td class="{$bgcolor}" align="center" valign="top" width="1"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td><td class="{$bgcolor}" align="center" valign="top" width="1"><img src="Forum_Icons/{$forum['icon']}" alt="{$forum['name']}" /></td>
<td class="{$bgcolor}" valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td class="{$bgcolor}" valign="top" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td class="{$bgcolor}" valign="top" align="right" style="white-space: nowrap">{$lastpost}</td>
</tr>
Woops. I have updated my first other post, I made a mistake! I'll post it here too:
In the "forumbit_depth1_cat" template, replace:
with
This should be at the very top of the template.
Then, in the global.css file, add this CSS:
Change X to the forum categories ID. Duplicate the CSS for each category ID and change the color accordingly.
In the "forumbit_depth1_cat" template, replace:
Code:
class="tborder"
Code:
class="trow_{$forum['fid']}"This should be at the very top of the template.
Then, in the global.css file, add this CSS:
Code:
.trow_X {
border: 1px solid #000000;
width: 100%;
margin: auto auto;
}Change X to the forum categories ID. Duplicate the CSS for each category ID and change the color accordingly.
Affiliates
