Usergroup Markup

Shelley

Well-known member

• Oct 7, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #1

The following enhancement will show an image beside the usergroups that you assign the markup to on the Staff who's Online listings block, Registered Members page & in the Postbit.

Login into your AdminCP >> Users >> User Groups & click on the usergroup that you want to apply the new markup to.

In the Username CSS Box paste in the following code:

Code:

font-family: "Lucida Grande" ,Helvetica,Arial,sans-serif;
font-weight: bold;
color: #73427c;
background-image: url(styles/default/xenforo/smilies/admin.png);
background-repeat: no-repeat;
padding-left: 13px;

If you require for the markup to show in the Members Online Now listings you'll have to go into the the sidebar_online_users Template and make the following change. Thanks to Mental for allowing me to post the following code.

Search:

Code:

class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>

Replace with:

Code:

class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{xen:helper richUserName, $user}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>

 

Attachments

• 
  Usergroup_Markup_Forumhome.webp

  11.3 KB · Views: 660
• 
  Usergroup_Markup_Postbit.webp

  12.2 KB · Views: 558
• 
  Usergroup_Markup_Registered.webp

  15.4 KB · Views: 472
• 
  Usergroup_Markup_Currentuse.webp

  17.7 KB · Views: 469

akbas

Member

• Oct 7, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #2

Great work.

 

MentaL

Well-known member

• Oct 7, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #3

=)

 

Shelley

Well-known member

• Oct 7, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #4

You're welcome.

 

puertoblack2003

Active member

• Oct 7, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #5

thanks for the share...

 

Martyn

Active member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #6

wheres the smilie your using!"!?? searched all your threads. lol

 

A

Andy.N

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #7

Is that avatar your real pic, Shelley?

 

Shelley

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #8

Yes, that is me.

 

CFodder

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #9

She's a bright shiney star?

 

Pope Viper

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #10

Awesome, thank you very much.

 

S

siros

Member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #11

Cool .

Thank you Shelley.

 

ArnyVee

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #12

Shelley, thanks for sharing!

 

ArnyVee

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #13

Shelley, what do you do when the image is pushed against (or slightly on top of) the username? How do you adjust that?

Check out the attached for an example.

EDITED: Sorry, very basic CSS question....just change the padding number to a higher number and you're good

 

Attachments

• 
  Squished.webp

  5.2 KB · Views: 338

Shelley

Well-known member

• Oct 8, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #14

ArnyVee said:

Shelley, what do you do when the image is pushed against (or slightly on top of) the username? How do you adjust that?

Check out the attached for an example.

EDITED: Sorry, very basic CSS question....just change the padding number to a higher number and you're good

Click to expand...

Was going to say adjust the padding-right to a higher setting but you got it.

 

Shelley

Well-known member

• Oct 10, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #15

Martyn said:

wheres the smilie your using!"!?? searched all your threads. lol

Click to expand...

Missed your reply, sorry about that. These haven't been released. Kier currently has the psd (which I'll send him the latest revision) but as far as I know Kier will be making these available for download once I finish up the full pack. You can see the latest screenshot in this thread.

 

lms

Well-known member

• Oct 12, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #16

Thanks.

Salud2

 

Ranger375

Well-known member

• Oct 12, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #17

Shelley, is there a way I could place an image below the name, rather than beside it? I know absolutely nothing about CSS

 

Alex

Active member

• Oct 18, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #18

Excellent thanks for this, was thinking about it the other day as well

 

manik

Member

• Nov 14, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #19

Shelley how can i add the image below the names ?

 

WoodiE

Well-known member

• Nov 19, 2010

• %22 data-success="Embed code HTML copied to clipboard." class="">
• #20

manik said:

Shelley how can i add the image below the names ?

Click to expand...

To add the image below the username simply change the CSS to this:

Code:

font-family: "Lucida Grande" ,Helvetica,Arial,sans-serif;
font-weight: bold;
color: #73427c;
display: block;
background: url(styles/default/xenforo/smilies/admin.png) no-repeat;
background-position: 0 100%;
padding-bottom: 13px;