How to place an image depicting rank under an avatar?

So, I'll attach a photo so you understand what I'm talking about, but uh, on a few forums I've been on, they have one small image under their avatar that displays their rank. For example, moderator, member, admin, and, well, I've created an image for my own forum that I wish to display underneath my avatar. But, I don't know how to add it. Here is an image of what I'm talking about. I placed a red circle around it.

If you mean place the rank in the save div as the avatar, that would be a swell idea.

Macca_96 wrote:If you mean place the rank in the save div as the avatar, that would be a swell idea.

I'd require you to rephrase that in the format of clear logic. Just, a bit more clear. For example, how am I suppose to add it?

One way you can do it is by creating an avatar image with the rank beneath it, so when you select your avatar, it will have your avatar on top and rank below, both in the same image. Scroll down the post and look at Rideem3's Avatar

BlackScorpion wrote:One way you can do it is by creating an avatar image with the rank beneath it, so when you select your avatar, it will have your avatar on top and rank below, both in the same image. Scroll down the post and look at Rideem3's Avatar

But, I want to know how to make it appear by default. So like, for other members too. Or, does forumotion not allow you to do everything?

With the way I explained it , you would have to make an Individual avatar for members, staff, and so on. Then manually add them to the specific user, from your Admin Panel.

BlackScorpion wrote:With the way I explained it , you would have to make an Individual avatar for members, staff, and so on. Then manually add them to the specific user, from your Admin Panel.

So, there is no way to make it appear by default without being added? Okay then, thanks.

Monaco wrote:

Macca_96 wrote:If you mean place the rank in the save div as the avatar, that would be a swell idea.

I'd require you to rephrase that in the format of clear logic. Just, a bit more clear. For example, how am I suppose to add it?

I made a spelling error If you could place an image in the same HTML element as the avatar (the <div>) via CSS, and tell it to float on the bottom of the element, it may work but not sure how to do it. That way you wont have to create a new avatar.

The Guest & member avatar, you can make the default for your members and guest from the admin panel, avatar management