MyBB Community Forums

I'm trying to figure out if there's a way to brand Administrators/Moderators more effectively on our Forums using a background badge/image.  You can see an example here on the Best Buy Support Forums how the Best Buy representative has a yellow background behind their avatar and title.

I want to do the same thing on my site (linked below), and I found the post_author scale images section under Templates, but anything changed there would affect all users, and I just want the backgrounds to show up for certain user groups.

Any help is appreciated!

My website: http://wspforums.com

Do you mean something like this? https://gyazo.com/c77229b75476bfe901d438e9a5191aaa

(2016-10-20, 11:29 PM)[PMC] John Wrote: [ -> ]Do you mean something like this? https://gyazo.com/c77229b75476bfe901d438e9a5191aaa

I can't really tell what that is, but right now I do have an icon before and after Moderator usernames to distinguish them from other users.  What I'm trying to accomplish is changing background of certain author post_bits inside threads so you can really tell they're Moderators in addition to their avatar.

Like how I have a gavel next to my name: https://gyazo.com/76f24e0f435bfff294cb8c43e5616e8f

---

Wait nevermind I read it wrong. Give me like 5 minutes to see what I can do.

(2016-10-21, 01:06 AM)[PMC] John Wrote: [ -> ]Like how I have a gavel next to my name: https://gyazo.com/76f24e0f435bfff294cb8c43e5616e8f

---

Wait nevermind I read it wrong. Give me like 5 minutes to see what I can do.

Okay!  The best I can do to describe what I'm trying to accomplish is imagine a picture being used as a background where the yellow box is rather than just gray.  This background image would only show up for users of a certain group, though.

Like this?



Or like this:



Differences:
Top: Color is just around user's information
Bottom: Color is down entire left of post.

What one do you prefer.

The top looks great--just around the username info!

Here is how to do it:

Go to this location: AdminCP > Templates & Styles > Templates > (your theme's templates) > Post Bit Templates > Postbit

Once you have gone there locate the div element you the class of "post_author" in it. Make your class tag look like this: "post_author {$usergroup['title']} scaleimages" this will make the element look like this:

<div class="post_author (group name) scaleimages">

Now you have a class with the group name! Now within your global.css file add this:

.(groupname){
     background: #ffff00;
}

The only problem is if you have a group with a split name such as "Super Admin" as this will cause 2 classes to be created "Super" & "Admin". I think the best way to fix this is just by re-naming the group. As CCS normally is, it may or may not take awhile before it will actually update the color.

Thanks so much!  I'll give this a try in the morning and mark this as solved if it works!

If it doesn't leave the code there for awhile until I see it and I'll see what I can do.