Custom Mini-Profile Creator

[Brian]

Sept 9, 2015 12:37:34 GMT -8 Alan Vende said:

Sept 9, 2015 8:15:19 GMT -8 Brian said:

You made the change to a mini-profile you created called Example 1 Mods but you still have the original Example 1 selected in your profile which is why you're not seeing any changes.

I didn't notice that. Thanks for that.

For some reason, though, it still looks like the background of the small admin banner is going out of that banner and is also the 'background' of my display name and such:

It extends down to my user group stars - or diamonds, rather.

Is that what it's supposed to do?

Also, to make the change like that for my admins, mods and other staff members, could I put more than one if statement like that into the JS area?

That's the background of the container, not the background of the group tag. The image is lighter on the top than it is before where the clouds begin.

Yes, you can have multiple if statements as evident by the fact that there's already several present by default.

[Alan Vende]

Sept 9, 2015 13:22:21 GMT -8 Brian said:

Sept 9, 2015 12:37:34 GMT -8 Alan Vende said:

I didn't notice that. Thanks for that.

For some reason, though, it still looks like the background of the small admin banner is going out of that banner and is also the 'background' of my display name and such:

It extends down to my user group stars - or diamonds, rather.

Is that what it's supposed to do?

Also, to make the change like that for my admins, mods and other staff members, could I put more than one if statement like that into the JS area?

That's the background of the container, not the background of the group tag. The image is lighter on the top than it is before where the clouds begin.

Yes, you can have multiple if statements as evident by the fact that there's already several present by default.

Oh! So that was already there? I thought I magically put it there

Just wanted to make sure about the if statements. Thanks!

    What I meant to ask also was if I could have two groups in the same if statement if what I want to be displayed on the small banner is the same for multiple groups.

[Brian]

Sept 9, 2015 13:24:40 GMT -8 Alan Vende said:

What I meant to ask also was if I could have two groups in the same if statement if what I want to be displayed on the small banner is the same for multiple groups.

Yup. The same way you would add multiple conditions to an if statement in the layout templates.

if(user.group.name == "Head Administrator" || user.group.name == "Global Moderator" || user.group.name == "Moderator")

[Alan Vende]

One last thing and I think I'm all set: I noticed that in the CSS that there is CSS to change the color of the display name. If I want users to keep the display name color that they already have, unless an admin puts in a specific display name color, I would just have to take that piece of CSS out so they keep their display name color as a regular member, right?

[Alan Vende]

Oh, and I've seen that there is a background on my display name in Example 1.

Also, for some reason, in Example 3, my user group isn't showing.

[Brian]

Sept 9, 2015 14:24:33 GMT -8 Alan Vende said:

One last thing and I think I'm all set: I noticed that in the CSS that there is CSS to change the color of the display name. If I want users to keep the display name color that they already have, unless an admin puts in a specific display name color, I would just have to take that piece of CSS out so they keep their display name color as a regular member, right?

Correct.

That line of CSS only overrides your display name color if you don't already have one. So for users that aren't in a group with a name color specified they'll change to that hex color, but you as admin retain the color associated with the admin group even with that CSS there.

Sept 9, 2015 14:28:52 GMT -8 Alan Vende said:

Oh, and I've seen that there is a background on my display name in Example 1.

Also, for some reason, in Example 3, my user group isn't showing.

The black background behind your display name is either from something else you have installed on your forum or some CSS you have elsewhere, not from this plugin.

Your group name isn't showing in Example 3 because you've commented that variable out in the HTML section.

[Alan Vende]

Sept 9, 2015 14:42:56 GMT -8 Brian said:

Sept 9, 2015 14:24:33 GMT -8 Alan Vende said:

One last thing and I think I'm all set: I noticed that in the CSS that there is CSS to change the color of the display name. If I want users to keep the display name color that they already have, unless an admin puts in a specific display name color, I would just have to take that piece of CSS out so they keep their display name color as a regular member, right?

Correct.

That line of CSS only overrides your display name color if you don't already have one. So for users that aren't in a group with a name color specified they'll change to that hex color, but you as admin retain the color associated with the admin group even with that CSS there.

Sept 9, 2015 14:28:52 GMT -8 Alan Vende said:

Oh, and I've seen that there is a background on my display name in Example 1.

Also, for some reason, in Example 3, my user group isn't showing.

The black background behind your display name is either from something else you have installed on your forum or some CSS you have elsewhere, not from this plugin.

Your group name isn't showing in Example 3 because you've commented that variable out in the HTML section.

It overrode it when I put it onto my test account to test things out from a member's perspective - that's why I asked that. Since I put it into the Member Groups area of the Admin Panel that's why I retain it, right?

And I got the Group. I don't even remember commenting it out. Thanks!

Also, if I wanted to put a div box at the bottom of mini profiles (like the ones here on Support for the MP winners), how easy would that be? I wanted to do a few contests where people would get different MPs.

Thanks!

[Brian]

Sept 9, 2015 14:47:36 GMT -8 Alan Vende said:

Sept 9, 2015 14:42:56 GMT -8 Brian said:

Correct.

That line of CSS only overrides your display name color if you don't already have one. So for users that aren't in a group with a name color specified they'll change to that hex color, but you as admin retain the color associated with the admin group even with that CSS there.

The black background behind your display name is either from something else you have installed on your forum or some CSS you have elsewhere, not from this plugin.

Your group name isn't showing in Example 3 because you've commented that variable out in the HTML section.

It overrode it when I put it onto my test account to test things out from a member's perspective - that's why I asked that. Since I put it into the Member Groups area of the Admin Panel that's why I retain it, right?

And I got the Group. I don't even remember commenting it out. Thanks!

Also, if I wanted to put a div box at the bottom of mini profiles (like the ones here on Support for the MP winners), how easy would that be? I wanted to do a few contests where people would get different MPs.

Thanks!

If you're part of a group that has a color you retain your color. A user that did not originally have a color has their color overridden.

I'd assume very easy. You literally just explained how to do it.

[Alan Vende]

Sept 9, 2015 15:08:09 GMT -8 Brian said:

Sept 9, 2015 14:47:36 GMT -8 Alan Vende said:

It overrode it when I put it onto my test account to test things out from a member's perspective - that's why I asked that. Since I put it into the Member Groups area of the Admin Panel that's why I retain it, right?

And I got the Group. I don't even remember commenting it out. Thanks!

Also, if I wanted to put a div box at the bottom of mini profiles (like the ones here on Support for the MP winners), how easy would that be? I wanted to do a few contests where people would get different MPs.

Thanks!

If you're part of a group that has a color you retain your color. A user that did not originally have a color has their color overridden.

I'd assume very easy. You literally just explained how to do it.

Thank you! Just wanted to make sure.

Sorry, I didn't mean to explain it. I meant a div box that's a link, like what's on here. How do you do that? I can get the box easily enough, but I can never get the hang of making the whole box clickable.

[Brian]

Sept 9, 2015 15:10:37 GMT -8 Alan Vende said:

Sept 9, 2015 15:08:09 GMT -8 Brian said:

If you're part of a group that has a color you retain your color. A user that did not originally have a color has their color overridden.

I'd assume very easy. You literally just explained how to do it.

Thank you! Just wanted to make sure.

Sorry, I didn't mean to explain it. I meant a div box that's a link, like what's on here. How do you do that? I can get the box easily enough, but I can never get the hang of making the whole box clickable.

Only the link is clickable. The box is just a box like any other.

[Alan Vende]

Sept 9, 2015 15:17:19 GMT -8 Brian said:

Sept 9, 2015 15:10:37 GMT -8 Alan Vende said:

Thank you! Just wanted to make sure.

Sorry, I didn't mean to explain it. I meant a div box that's a link, like what's on here. How do you do that? I can get the box easily enough, but I can never get the hang of making the whole box clickable.

Only the link is clickable. The box is just a box like any other.

Oh I thought the box was clickable too. Thanks for your help, Brian!

[Alan Vende]

Brian: A few things:

1. Mini Profile Selection showing in the Mini Profile: I have this Plugin enabled and when I picked a custom mini profile on one of my test themes, it would show the selection in the mini profile as a custom field. Why does it not do that here on Support? I'm testing using my Test Account on Psychic Psyghtings: Psychic Psyghtings. The testing thread that I'm using is here.

2. Adding an image to the Mini Profile, but not affecting the actual mini profile HTML: I read the tooltip and I put the image into the JS area with the CSS in the CSS area to move it, but it won't appear on the mini profile. The JS I'm using is:

var img = document.createElement('img');
img.src = 'http://storage.proboards.com/6033396/i/M_yXY8Xe6c_oFOl7r4Bj.png' + this.apparel + '/' + this.facing + 'M_yXY8Xe6c_oFOl7r4Bj.png';
document.getElementById('.mini-profile').appendChild(img)
- this code was found here.

From past experience with this type of code, I doubt that it's correct in any way, shape or form. I bet I'm right in saying that

In reference to this thread, you said that you check against the user's group using JS, how do you do that? Am I putting in the JS right to append the image to the mini profile?

In the end, I want to be able to have a few mini profiles where I can have a member group and then have an image on the top right of their mini profiles (for consultants this time). I have a few consultant groups on my forum and right now, the only way they would be distinguished is by their group - but I also wanted to have a tag up in the top right like the Helpful Members does.

Sorry if this makes no viable sense!

Thanks for your help!

[Brian]

Sept 14, 2015 12:15:57 GMT -8 Alan Vende said:

1. Mini Profile Selection showing in the Mini Profile: I have this Plugin enabled and when I picked a custom mini profile on one of my test themes, it would show the selection in the mini profile as a custom field. Why does it not do that here on Support? I'm testing using my Test Account on Psychic Psyghtings: Psychic Psyghtings. The testing thread that I'm using is here.

By default it hides the custom field within the mini-profile. If you've altered the mini-profile template so that custom fields appear differently in any way than they would on the default theme it might not be able to hide the field which is why it would show instead.

Sept 14, 2015 12:15:57 GMT -8 Alan Vende said:

2. Adding an image to the Mini Profile, but not affecting the actual mini profile HTML: I read the tooltip and I put the image into the JS area with the CSS in the CSS area to move it, but it won't appear on the mini profile.

Just use the $(this) function to target the mini-profile and use the jQuery append() function on that to add content to the end of it.

$(this).append('<img src="URL TO IMAGE">');

Sept 14, 2015 12:15:57 GMT -8 Alan Vende said:

In reference to this thread, you said that you check against the user's group using JS, how do you do that?

Check to see if user.group exists, then check the name against the user.group.name property.

if(user.group){
    if(user.group.name == "Group Name Here"){
        // Do something
    }
}

[Alan Vende]

SPOILER: Click to show

<!-- // This starts the Admin's personal Mini Profile // -->
{if $[user.group.name] == "Head Administrator"}
<div class="$[miniprofile_class] admin-mp">
           $[user]<br /> <div class="staff-diamond">
                   <img src="http://storage.proboards.com/6033396/i/z0ia563wclNdTJSvDxFq.png">
               </div>
{if $[user.group]}
$[user.group.name]<br />
{if $[user.is_staff]}
$[user.group.stars]<br />
{/if}
{/if}
{if $[user.custom_title]}
$[user.custom_title]
{/if}
$[user.warning.bar]
{if $[user.avatar]}
<div class="avatar">
$[user.avatar]
</div>
<br />
{/if}
{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}
{if $[user.is_member]}
<div class="info">
Posts: <span class="float-right">$[user.posts]</span>
<br />Likes: <span class="float-right">$[user.likes]</span>
<br /> {if $[user.is_online]}
<br />Member is Online
  {else}
<br />Member is Offline
  {/if}
               <br />
               <br />
{if $[user.is_staff]}
Last Online: $[user.last_online]
{/if}
<br /><br /><br />
{if $[user.is_staff]}
<span class="admin-staff">
Staff Member
</span>
{/if}
<br />
<div class="mp-pm">
{if $[current_user.is_member]}
<a href="$[user.pm_href]" alt="PM $[user.name]">Send PM</a> | <a href="http://psychic-psyghtings.proboards.com/page/Alan_Vende">About Me</a>
{/if}
</div>
<br />
<div class="btr-pp">
<a href="http://psychic-psyghtings.proboards.com/page/PPR"><p align="center">Psychic Psyghtings Radio Host</p></a>
</div>
<!-- // CUSTOM PROFILE FIELDS START -->
{foreach $[user.mini_custom_field]}
<br />
<span class="$[user.mini_custom_field.content_class] birthstone">
$[user.mini_custom_field.name]: $[user.mini_custom_field.value]
</span>
{/foreach}
<!-- // CUSTOM PROFILE FIELDS END -->
               <br />
               {if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}
</div>
{/if}
<!-- START USER LABEL CODE -->
{if $[user.is_staff]}
{if $[user.group]}
            <div class="mp-group">
                {if $[user.group.name] == "Head Administrator"}
                Admin
              {else}
                                   $[user.group.name]
                {/if}
            </div>
          {/if}
{/if}
<!-- END USER LABEL CODE -->
</div> <!-- Had to add this closing div tag -->

<!-- // This Ends the Admin's personal MP // -->
<!-- // This Starts SkyFire's MP // -->

{elseif $[user.id] == "25"}
<div class="$[miniprofile_class] SkyFire-mp">
   $[user]<br /> <div class="staff-diamond">
                   <img src="http://storage.proboards.com/6033396/i/z0ia563wclNdTJSvDxFq.png">
               </div>
   {if $[user.group]}
   $[user.group.name]<br />
   {if $[user.is_staff]}
   $[user.group.stars]<br />
       {/if}
       {/if}
   {if $[user.custom_title]}
   $[user.custom_title]
   {/if}
   $[user.warning.bar]
   {if $[user.avatar]}
   <div class="avatar sf_avatar">
       $[user.avatar]
   </div>
   <br />
   {/if}
   {if $[user.personal_text.message]}
   $[user.personal_text]<br />
   {/if}
   {if $[user.is_member]}
   <div class="info sfwhite">
       Posts: <span class="float-right">$[user.posts]</span>
       <br />Likes: <span class="float-right">$[user.likes]</span>
       <br />
       {if $[user.is_online]}
       <br />Member is Online
       {else}
       <br />Member is Offline
       {/if}
       <br /><br />
       {if $[current_user.is_member]}{if $[user.website]}Website: $[user.website]<br /><br />{/if}
       {if $[user.social_network.is_member]}Social: {if $[user.social_network]}
       {foreach $[user.social_network]} $[user.social_network]$[user.social_network.comma]{/foreach}<br />
       {/if}{/if}<br />
       {if $[user.instant_messenger] && $[current_user.is_member]}
       <div class="social messengers">
           Instant Messengers:
           {foreach $[user.instant_messenger]} $[user.instant_messenger]{/foreach}
       </div>
       {/if}{/if}
       <br /><br />
       {if $[user.is_staff]}
       <span class="sf_lo">Last Online: $[user.last_online]</span>
       {/if}
       <br /><br /><br />
       {if $[user.is_staff]}
       <span class="sf-staff">Staff Member</span>
       {/if}
       <br />
       <div class="sf-pm">
           {if $[current_user.is_member]}
           <a href="$[user.pm_href]" alt="PM $[user.name]" class="sf_link">Send PM</a> | <a href="http://psychic-psyghtings.proboards.com/page/skyfire" class="sf_link">About Me</a>
           {/if}
       </div>
       <!-- // CUSTOM PROFILE FIELDS START -->
       {foreach $[user.mini_custom_field]}
       <br />
       <span class="$[user.mini_custom_field.content_class] sfcustom">
           $[user.mini_custom_field.name]: $[user.mini_custom_field.value]
       </span>
       {/foreach}
       <!-- // CUSTOM PROFILE FIELDS END -->
       <br />
       {if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}
   </div><!-- Had to add this closing div tag-->
   {/if}
   <!-- START USER LABEL CODE -->
   {if $[user.is_staff]}
   {if $[user.group]}
   <div class="mp-group">
       {if $[user.group.name] == "Administrator"}
       Admin
       {elseif $[user.group.name] == "Global Moderator"}
       G-Mod
       {elseif $[user.group.name] == "Moderator"}
       Mod
       {elseif $[user.group.name] == "Graphics Guru"}
       Guru
       {elseif $[user.group.name] == "Spiritual Advisor"}
       Advisor
       {else}
       $[user.group.name]
       {/if}
   </div>
   {/if}
   {/if}
   <!-- END USER LABEL CODE -->
</div><!--Had to add this closing div tag-->
<!-- // This Ends SkyFire's MP // -->

<!-- // This Starts the Staff's MP // -->

{elseif $[user.group.name] == "Administrator" ||  $[user.group.name] == "Global Moderator" || $[user.group.name] == "Moderator" || $[user.group.name] == "Graphics Guru" || $[user.group.name] == "Spiritual Advisor"}
<div class="$[miniprofile_class] staff-mp">
$[user]<br /> <div class="staff-diamond">
                   <img src="http://storage.proboards.com/6033396/i/z0ia563wclNdTJSvDxFq.png">
               </div>
{if $[user.group]}
$[user.group.name]<br />
{if $[user.is_staff]}
$[user.group.stars]<br />
{/if}
{/if}
{if $[user.custom_title]}
$[user.custom_title]
{/if}
$[user.warning.bar]
{if $[user.avatar]}
<div class="avatar" style="border: 1px solid #000;">
$[user.avatar]
</div>
<br />
{/if}
{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}
{if $[user.is_member]}
<div class="info">
Posts: <span class="float-right">$[user.posts]</span>
<br />Likes: <span class="float-right">$[user.likes]</span>
<br />
{if $[user.is_online]}
<br />Member is Online
{else}
<br />Member is Offline
{/if}
<br />
<br />
{if $[user.is_staff]}
Last Online: $[user.last_online]
{/if}
<br /><br /><br />
{if $[user.is_staff]}
<span class="staff">Staff Member</span>
{/if}
<br />
<div class="MPro-PM">
{if $[current_user.is_member]}
{if $[user.is_staff]}
<a href="$[user.pm_href]" alt="PM $[user.name]">Send PM</a>
{/if}
{/if}
</div>
<!-- // CUSTOM PROFILE FIELDS START -->
{foreach $[user.mini_custom_field]}
<br />
<span class="$[user.mini_custom_field.content_class] birthstone">
$[user.mini_custom_field.name]: $[user.mini_custom_field.value]
</span>
{/foreach}
<!-- // CUSTOM PROFILE FIELDS END -->
                       <br />
        {if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}
</div><!-- Had to add this closing div tag-->
{/if}
<!-- START USER LABEL CODE -->
{if $[user.is_staff]}
{if $[user.group]}
                                   <div class="mp-group">
                                       {if $[user.group.name] == "Administrator"}
                                           Admin
                                       {elseif $[user.group.name] == "Global Moderator"}
                                           G-Mod
                                       {elseif $[user.group.name] == "Moderator"}
                                           Mod
                                       {elseif $[user.group.name] == "Graphics Guru"}
                                           Guru
                                       {elseif $[user.group.name] == "Spiritual Advisor"}
                                        Advisor
                                       {else}
                                           $[user.group.name]
                                       {/if}
                                   </div>
                               {/if}
{/if}
<!-- END USER LABEL CODE -->
</div><!--Had to add this closing div tag-->

<!-- // This Ends the Staff MP // -->
<!-- // This Starts the Member MP // -->

{else}
<div class="$[miniprofile_class]">
$[user]<br />
{if $[user.group]}
$[user.group.name]<br />$[user.group.stars]<br />
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}
{/if}
{if $[user.custom_title]}
$[user.custom_title]
{/if}
$[user.warning.bar]
{if $[user.avatar]}
<div class="avatar">
$[user.avatar]
</div>
<br />
{/if}
{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}
{if $[user.is_member]}
<div class="info">
Posts: <span class="float-right">$[user.posts]</span>
<br />Likes: <span class="float-right">$[user.likes]</span>
<br /> {if $[user.is_online]}
<br />Member is Online
{else}
<br />Member is Offline
{/if}
<br />
<br />
<!-- // CUSTOM PROFILE FIELDS START -->
{foreach $[user.mini_custom_field]}
<br />
<span class="$[user.mini_custom_field.content_class] birthstone">
$[user.mini_custom_field.name]: $[user.mini_custom_field.value]
</span>
{/foreach}
<!-- // CUSTOM PROFILE FIELDS END -->
                       <br />
                       {if $[user.badges_miniprofile]}
                           <div class="$[user.badges_miniprofile_container_class]">
                           {foreach $[user.badges_miniprofile]}
                           $[user.badges_miniprofile.icon]
                           {/foreach}
                           </div>
                       {/if}
</div> <!--Adding closing div tag for class="info" -->
{/if}
</div>
<!-- // This Ends the Member MP // -->
{/if}

<!-- Custom Mini-Profile Plugin Data -->
<div class="mp-info-holder" style="display: none;">
<div class="mp-info user">$[user]</div>
<div class="mp-info age">$[user.age]</div>
<div class="mp-info avatar">$[user.avatar]</div>
<div class="mp-info badges">{if $[user.badges_miniprofile]}<div class="$[user.badges_miniprofile_container_class]">{foreach $[user.badges_miniprofile]}$[user.badges_miniprofile.icon]{/foreach}</div>{/if}</div>
<div class="mp-info birthday">$[user.birthday]</div>
<div class="mp-info color">$[user.color]</div>
<div class="mp-info custom_title">$[user.custom_title]</div>
<div class="mp-info email">$[user.email]</div>
<div class="mp-info gender">
<div class="mp-info image">$[user.gender.image]</div>
<div class="mp-info text">$[user.gender.text]</div>
</div>
<div class="mp-info group">
<div class="mp-info name">$[user.group.name]</div>
<div class="mp-info stars">$[user.group.stars]</div>
</div>
<div class="mp-info id">$[user.id]</div>
<div class="mp-info instant_messenger">{foreach $[user.instant_messenger]}<div class="mp-info $[user.instant_messenger.name]">$[user.instant_messenger.value]</div>{/foreach}</div>
<div class="mp-info invisible">$[user.invisible]</div>
<div class="mp-info ip">$[user.ip]</div>
<div class="mp-info is_online">{if $[user.is_online]}Member is Online{/if}</div>
<div class="mp-info is_staff">{if $[user.is_staff]}$[user.is_staff]{/if}</div>
<div class="mp-info last_online">$[user.last_online]</div>
<div class="mp-info likes">$[user.likes]</div>
<div class="mp-info location">$[user.location]</div>
<div class="mp-info name">$[user.name]</div>
<div class="mp-info personal_text">{if $[user.personal_text.message]}$[user.personal_text]{/if}</div>
<div class="mp-info posts">$[user.posts]</div>
<div class="mp-info rank">
<div class="mp-info name">$[user.rank.name]</div>
<div class="mp-info stars">$[user.rank.stars]</div>
</div>
<div class="mp-info registered_on">$[user.registered_on]</div>
<div class="mp-info registered_on_short">$[user.registered_on_short]</div>
<div class="mp-info social_network">{foreach $[user.social_network]}<div>$[user.social_network]</div>{/foreach}</div>
<div class="mp-info username">$[user.username]</div>
<div class="mp-info warning">
<div class="mp-info bar">$[user.warning.bar]</div>
<div class="mp-info level">$[user.warning.level]</div>
</div>
{foreach $[user.mini_custom_field]}
<div class="mp-info $[user.mini_custom_field.content_class]">$[user.mini_custom_field.value]</div>
{/foreach}
</div>

1. That's my full mini profile template. I didn't do anything with the custom fields besides alter where they are, to my knowledge.

2. So, for this image, it would be $(this).append('<img class="star" src="http://storage.proboards.com/6033396/i/M_yXY8Xe6c_oFOl7r4Bj.png">');? I gave the image a class of "star" so I can declare where it should go in the MP with the CSS area, but it won't show up for some reason.

JS: $(this).append('<img class="star" src="http://storage.proboards.com/6033396/i/M_yXY8Xe6c_oFOl7r4Bj.png">');

CSS: .mini-profile { position: relative; }
.star { position: absolute; top: 16px; right: 2px; }

3. And you would have to do that in order to have the image come up if they are in a certain group, right?

So, it would be:

if(user.group){
if(user.group.name == "Paranormal Consultant"){
$(this).append('<img src="http://storage.proboards.com/6033396/i/M_yXY8Xe6c_oFOl7r4Bj.png">');
}
}

[Brian]

Sept 14, 2015 15:07:19 GMT -8 Alan Vende said:

1. That's my full mini profile template. I didn't do anything with the custom fields besides alter where they are, to my knowledge.

Based on the HTML inside the custom field loop it should indeed hide it.

Sept 14, 2015 15:07:19 GMT -8 Alan Vende said:

I gave the image a class of "star" so I can declare where it should go in the MP with the CSS area, but it won't show up for some reason.

3. And you would have to do that in order to have the image come up if they are in a certain group, right?

It probably doesn't help that the custom field you're using isn't named correctly which would likely be the cause of nothing working for you at the moment.