Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up
perry the platypus

[Solved] Index Forum Icons (MyBB)

Recommended Posts

Hello! The theme I'm using uses FontAwesome icons for most, if not all, of the images sans the actual header. I've been trying to figure out how to make it so that the icon can be different when there's a new post as opposed to no new posts. Ideally, I would like for the icon to be an outline version when there's no new post and a filled in version when there's a new post. If not, then a lighter color for no new posts and a default for a new post would be okay too. The only tutorial I've found is how to make different forums have different icons, but that's not what I want.


I hope I explained myself properly!


Share this post

Link to post
Share on other sites

Should actually be pretty easy actually.


.forum_on .fa-comments:before {
	content: "\UNICODE";

.forum_off .fa-comments:before {
	content: "\UNICODE";

The Unicode is the 4 character thing on the font awesome page that starts with an f. So like "\f5db" for the FA5 outline books (I believe it's a pro icon).

I don't know if you're using FA4 or FA5 but it will work for both.


@perry the platypus

Share this post

Link to post
Share on other sites

It's strange because the only time the icon shows up is when it's put in the forumbit_depth2_forum template. That's how it is originally. I just updated it to the v5 code. But if I remove it from the template, there's nothing there. @Morrigan

<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="far fa-comments"></i></span></td>
<td class="{$bgcolor}">
<strong><a href="{$forum_url}"><span style="font-size: 14px; text-transform: uppercase;">{$forum['name']}</span></a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>
<td id="threads" class="{$bgcolor}" align="center" style="font-size: 14px;white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>
<td id="replies" class="{$bgcolor}" align="center" style="font-size: 14px;white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>
<td id="lastpost" class="{$bgcolor}" align="center" style="white-space: nowrap">{$lastpost}</td>
Edited by perry the platypus

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.


Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.