XF 1.2 How To Add This Customization?

[akhilaniyan]

Hi.

I just saw feature in a famous xenforo forum site, they are displaying "STAFF" in right corner of the staff member posts. Did anyone know how to do this?

 

[TPerry]

Hi.

I just saw feature in a famous xenforo forum site, they are displaying "STAFF" in right corner of the staff member posts. Did anyone know how to do this?

Maybe something related to this (with some modifications on placement/style via the EXTRA.css?)
http://xenforo.com/community/resources/gives-new-post-indicator-function-for-all-admin-posts.1514/

 

[Steve F]

That is similar @Tracy Perry but I was actually going to submit a template mod today that does just as the OP is asking or like we have on pixelExit.com, if you have seen it.

 

[Shelley]

Hi.

I just saw feature in a famous xenforo forum site, they are displaying "STAFF" in right corner of the staff member posts. Did anyone know how to do this?

You could try and change to your styling preference just add to EXTRA.CSS template.

.message.staff  .messageContent:after{
float: right;
content:"STAFF";
font-size: 30px;
padding: 10px;
opacity: 0.3;
}

output is the following:

 

[TPerry]

That is similar @Tracy Perry but I was actually going to submit a template mod today that does just as the OP is asking or like we have on pixelExit.com, if you have seen it.

And why isn't it in my favorite style I keep buying?

 

[Steve F]

Nice @Shelley, hadn't thought about trying it that way, guess the "Staff" part could be style also.

This is what I have on pixelExit at the moment, clicking the Staff "button" starts a conversation with the Staff member.

 

[Shelley]

Nice @Shelley, hadn't thought about trying it that way, guess the "Staff" part could be style also.

This is what I have on pixelExit at the moment, clicking the Staff "button" starts a conversation with the Staff member.

View attachment 55105

Nice I did play with the staff class once or twice and had something like blizzard had with the avatar glow/image and different message colouring but it was too much work and needed too much support to post if people ran into trouble with it.

Found it. http://xenforo.com/community/thread...moderator-formatting.33331/page-2#post-400955

Might come back to this again at some point and play further with it.

 

[Steve F]

We had to do that exact thing for the firefall game forums. Your right about the support, it would likely be a constant thing to keep up with.

 

[Shelley]

@OP or anyone interested in placement the following seems to work well if you want an alternative with an image though you'll have to adjust pending on font size you set etc. Haven't tested it in all browsers so unsure if there's any adverse issues.

.message.staff .messageContent:before {
float: right;
content:"STAFF";
font-size: 16px;
font-family: 'Georgia';
padding: 5px 10px 5px 25px;
background: url("@imagePath/xenforo/icons/admin_markup.png") no-repeat scroll 5px 10px #90d666;
border: 1px solid #6ea84a;
border-radius: 3px;
color: white;
text-shadow: 0 0 3px #54803a;
}

Output is as follows

 

[Steve F]

Nice one Shelley, I just removed what I had on ours and now using yours

No template edits, very cool..

 

[akhilaniyan]

That is similar @Tracy Perry but I was actually going to submit a template mod today that does just as the OP is asking or like we have on pixelExit.com, if you have seen it.

Please let me know, when your template mod is released...

 

[akhilaniyan]

@OP or anyone interested in placement the following seems to work well if you want an alternative with an image though you'll have to adjust pending on font size you set etc. Haven't tested it in all browsers so unsure if there's any adverse issues.

.message.staff .messageContent:before {
float: right;
content:"STAFF";
font-size: 16px;
font-family: 'Georgia';
padding: 5px 10px 5px 25px;
background: url("@imagePath/xenforo/icons/admin_markup.png") no-repeat scroll 5px 10px #90d666;
border: 1px solid #6ea84a;
border-radius: 3px;
color: white;
text-shadow: 0 0 3px #54803a;
}

Output is as follows

View attachment 55109

This looks cool...I'm new in xenforo...can you please tell me, where i add these codes?

 

[Jeremy]

Put it in EXTRA.css.

 

[akhilaniyan]

@OP or anyone interested in placement the following seems to work well if you want an alternative with an image though you'll have to adjust pending on font size you set etc. Haven't tested it in all browsers so unsure if there's any adverse issues.

.message.staff .messageContent:before {
float: right;
content:"STAFF";
font-size: 16px;
font-family: 'Georgia';
padding: 5px 10px 5px 25px;
background: url("@imagePath/xenforo/icons/admin_markup.png") no-repeat scroll 5px 10px #90d666;
border: 1px solid #6ea84a;
border-radius: 3px;
color: white;
text-shadow: 0 0 3px #54803a;
}

Output is as follows

View attachment 55109

Well This look great.. Can you please tell me how to remove that icon in it. And please tell me how to align it to center(because, if we removed the icon, their will be a blank space will come in the icon space like the given below image, so, i need to align the text "staff" to center)..

 

[Shelley]

set the padding so it looks like so or adjust to your preference.

padding: 10px;

 

[Shelley]

To get the following look you'll notice I used padding: 5px 10px; so this might be more suitable for you.




I used the following

.message.staff .messageContent:before {
float: right;
content:"STAFF";
font-size: 16px;
font-family: 'Georgia';
padding: 5px 10px;
background-color: #90d666;
border: 1px solid #6ea84a;
border-radius: 3px;
color: white;
text-shadow: 0 0 3px #54803a;
}

 

[akhilaniyan]

Thanks to all especially "Shelley".