User Ranks with Images

[Jefferson Filho]

Jefferson Filho submitted a new resource:

User Ranks with Images - User Ranks with custom images

Yo!

In this tutorial I will show you guys how to set custom images for rank users that XenForo 1.2 provide.

Like this:

First of all go to

Users > User Groups > The group you want to set a custom image

Then on:
User Banner Text:
Put any text you want

User Banner Styling:

Where you see admin is the name of the class that I made.

Then go...

Read more about this resource...

 

[Lone Wolf]

Looks good, does it work with 1.2

 

[Divvens]

Looks good, does it work with 1.2

This feature was added to 1.2 (if you read the guide). So it does work with 1.2 (any version of 1.2).

 

[Thrill]

it wont work for me

 

[PAPPACLART]

Does it work with 1.3 as it does not work for me

 

[tekboi]

doesn't look like it works for 1.3

 

[Cmely]

I've not been able to make that work on XF 1.4 either

 

[PAPPACLART]

@Cmely and @tekboi I got this working using my own images. I am on xenforo 1.4.1

If you want my code and settings I can post them?

 

[Cmely]

If you want my code and settings I can post them?

If you could, that would be great

 

[PAPPACLART]

Below code was to display a custom image of mine "admin.png" which is a simple admin image banner.

With the width and height you may need to mess around with that to position the banner. Of course remember to put your image in your preferred folder and edit the path in the code to suit.

.messageUserBlock .userBanner.admin {
/* display: block; */
margin-bottom: 0px;
margin-left: 12px;
margin-right: -12px;
}

.userBanner.admin
{
background: url("styles/drift/xenforo/gradients/admin.png")no-repeat;
width: 89px;
height: 11px;
display: block;
color: transparent;
}

 

[Cmely]

That's great ! Thank you very much @PAPPACLART !
I'll check that tonight when I'll be back home.

 

[Craig]

@PAPPACLART Thanks for the code! It works perfectly on XF 1.4.8!

 

[Bob_R]

Does this work with XF 1.5.1?