Professional Clean User Ranks (and PSD)

[José Guedes]

Can you set something up so each user group shows just that specific usergroup's image?

I wish, I have tried, but I don't know enough XenForo syntax for doing that, not even enough php or html or any other programming language, except the natural.

 

[Ranger375]

Has anyone successfully gotten this to work? I tried opening the usergroup and punching in the image path for the custom title override, and even though it says it accepts html, nothing shows up.

The closest thing I've used it the usergroup CSS field

font-family: "Lucida Grande" ,Helvetica,Arial,sans-serif;
font-weight: bold;
color: #006600;
background-image: url(image path here);
background-repeat: no-repeat;
padding-left: 13px;

but that basically just runs the image right over the username.... Any idea how to modify this so the image will go either above or below the user name?

 

[José Guedes]

Anyone haves an idea of how to make this to an add-on?

 

[Ranger375]

Anyone haves an idea of how to make this to an add-on?

I got it to work in the custom title block in the user groups with:

<img src="http://www.xxxxx.com/xf/rank.png" width="110" height="22" alt="Test" />

But it removes the users title and you have to set it to disallow them to set it.

 

[José Guedes]

I got it to work in the custom title block in the user groups with:

<img src="http://www.xxxxx.com/xf/rank.png" width="110" height="22" alt="Test" />

But it removes the users title and you have to set it to disallow them to set it.

I have that alternative, but I don't think I would like so sacrifice that for a image...

 

[Ranger375]

yeah, that's all I've got at the moment too

 

[José Guedes]

If i knew a way to make something like

If usergroup is "Administrator"
then <img class="Administator" src="path/to/your/user_rank.png" />
If usergroup is "Super Moderator"
then <img class="Super Moderator" src="path/to/your/user_rank.png" />

From what I know, there is no way to recognise if a user is admin.

 

[José Guedes]

If i knew a way to make something like

If usergroup is "Administrator"
then <img class="Administator" src="path/to/your/user_rank.png" />
If usergroup is "Super Moderator"
then <img class="Super Moderator" src="path/to/your/user_rank.png" />

From what I know, there is no way to recognise if a user is admin.

Like LUA or something like it was used in Websites...

 

[Shadab]

From what I know, there is no way to recognise if a user is admin.

You can use these conditionals to check if a user is an "Admin" or a "Moderator":

<xen:if is="{$user.is_admin}">
    // $user is an Administrator
</xen:if>

<xen:if is="{$user.is_moderator}">
    // $user is a Moderator
</xen:if>

For a fine-grained usergroup checking, you can use the template helper I released a couple of days back:
http://xenforo.com/community/threads/gp-template-helper-for-usergroups.6271/

 

[José Guedes]

You can use these conditionals to check if a user is an "Admin" or a "Moderator":

<xen:if is="{$user.is_admin}">
    // $user is an Administrator
</xen:if>

<xen:if is="{$user.is_moderator}">
    // $user is a Moderator
</xen:if>

For a fine-grained usergroup checking, you can use the template helper I released a couple of days back:
http://xenforo.com/community/threads/gp-template-helper-for-usergroups.6271/

Thanks a lot!

Thanks to you I could make a system for this D

 

[José Guedes]

I used this code in my forums.
http://forums.superialbuilders.com
message_user_info (after the following code)

<div class="messageUserInfo" itemscope itemtype="http://data-vocabulary.org/Person">
	<div class="messageUserBlock">
		<div class="avatarHolder"><xen:avatar user="$user" size="m" itemprop="photo" /></div>

<div class="messageUserBlock extended">
    <!-- Extra markup for arrow -->
    <!--<div class="arrow"><span></span></div>-->

    <!-- Width of image less than or equal to 122px -->
    <xen:if is="{xen:helper checkusergroup, $user, 1, 3}">
       <img src="ranks/administrator.png" alt="Administrative">
    </xen:if>
    <xen:if is="{xen:helper checkusergroup, $user, PRIMARY, 16}">
        <img src="ranks/m.png" alt="Member">
    </xen:if>
    <xen:if is="{xen:helper checkusergroup, $user, PRIMARY, 4}">
        <img src="ranks/mod.png" width="120" height="21 alt="Moderator">
    </xen:if>
    <xen:if is="{xen:helper checkusergroup, $user, PRIMARY, 21}">
        <img src="ranks/affiliate.png" width="120" height="21 alt="SuperialBuilders Affiliate">
    </xen:if>
    <xen:if is="{xen:helper checkusergroup, $user, 19}">
        <img src="ranks/donator.png" width="120" height="21 alt="Donator">
    </xen:if>
</div>

message_user_info.css (in the end)

.messageUserBlock.extended {
    margin-top: 10px;
    padding: 2px 0pt;
    background: #F0F7FC;
}

.messageUserBlock.extended .arrow {
    border-color: transparent transparent #D7EDFC;
    border-style: none solid solid;
    border-width: medium 10px 10px;
    position: absolute; top: -10px; left: 10px;
}

.messageUserBlock.extended .arrow span {
    border-color: transparent transparent #F0F7FC;
    border-style: none solid solid;
    border-width: medium 10px 10px;
    position: absolute; top: 1px; left: -10px;
}

.messageUserBlock.extended .userRank {
    display: block;
    margin: 0 auto;
}

You will need the Template helper if you want to use something like this.
http://xenforo.com/community/threads/gp-template-helper-for-usergroups.6271/

 

[Ranger375]

Thank, I'll try it out!