XF 1.2 User Group/Staff Banners

In XenForo 1.1, if you want to customize the display of certain users, you're generally limited to user titles and user name styling. However, sometimes this isn't flexible or clear enough. Sometimes you want to be able to draw attention to multiple things for a single user.

Enter user group banners:

Banners can be configured per user group:

(I am aware of the first banner on the second column having its top border wrapped back. This is a browser issue that we're looking into.)

You'll note that this set up is similar to how thread prefixes are configured. You can use custom CSS classes to completely change the display of banners (such as by replacing them with images).

I've demonstrated that you can have more than one banner displaying simultaneously. By default, they'll be displayed in the display style group order (highest first). If the user is a staff member, that banner will take priority.

You can disable this option and configure a few different options (globally):

You'll also note that you have the option to override standard user titles with banners.

These banners are primarily displayed on messages, but they're also shown on profiles. There is a simple template helper function that can be used to display them anywhere.

 

[billybatz9]

ahh i see ok.... thank you

 

[Mehmet Yavuz]

Great! But user group avatar settings please

 

[DFI]

Sorry for this silly question .

How to define " Custom CSS Class Name " ?

 

[Martok]

Sorry for this silly question .

How to define " Custom CSS Class Name " ?

See Brogan's guide here:

http://xenforo.com/community/resources/creating-custom-user-group-banner-css.2000/

 

[Josem]

Loving 1.2 more and more.

 

[Bellinis]

Could I somehow make the Group/Staff Banner clickable? In my case I'd like to to link the "contributor" banner to the donation page.

 

[Father Sebastiaan]

Not to be a moron but where are the options for showing the usergroup banners? I dont see them in each group admn.

 

[Paul B]

See the first post.

They are on the first page of the user group administration.

The general options decide which banners are shown.

 

[s.molinari]

I'd like to make a suggestion. I just had a WTF experience with this function and yeah, you could chalk it up to my "stupidity" or inexperience, but I'd still like to suggest the following improvement.

I wanted to use this function and couldn't for the life of me get the banners to show up. If the text is missing under "User Banner Text", then nothing happens. My problem was, I was expecting the system to use the standard "User Group" title to fill in the banner.

Hope I could help.

Scott

 

[CTXMedia]

Scott, it's probably worth copying your post into a new thread in the suggestions forum.

It can then be liked by others who think it's a good suggestion and will hopefully stand a good chance of being seen / reviewed by the XF developers.

 

[s.molinari]

Done!

http://xenforo.com/community/threads/improve-the-user-banner-function.60748/

Scott

 

[C.Stanley]

i know this is old but how do i replace with my own images?

 

[Paul B]

Use this guide and adapt the CSS to suit: http://xenforo.com/community/resources/creating-custom-user-group-banner-css.2000/

 

[C.Stanley]

Use this guide and adapt the CSS to suit: http://xenforo.com/community/resources/creating-custom-user-group-banner-css.2000/

Thank you Brogan. See Attached i have my own user ranks. i am trying to figure out how to get them in the place of the default ones (actually above avatar)

 

[Shelley]

Thank you Brogan. See Attached i have my own user ranks. i am trying to figure out how to get them in the place of the default ones (actually above avatar)

Brogan's guide will help. But since this isn't a support area I'll be brief. You could use position: and top: on the custom rank class then shift it. Though it would entail that you add margin-top on the avatar to give space to the rank. Brogan's guide will put you on the right path.

 

[C.Stanley]

Brogan's guide will help. But since this isn't a support area I'll be brief. You could use position: and top: on the custom rank class then shift it. Though it would entail that you add margin-top on the avatar to give space to the rank. Brogan's guide will put you on the right path.

View attachment 61897

Thank you Shelly I started another thread on this topic in support section. I just am not seeing where to upload my images ect..

 

[Hemant Aggarwal]

Wonderful addition. Thanks

 

[Jericho M]

This is what I'm looking for

I love your members banner in your forum. It's custom CSS right?

 

[rdn]

I love your members banner in your forum. It's custom CSS right?

Do you mean the badges?

 

[THEMUD]

But a simple question, where can I find the 'Show Staff Member rank'?