Avatar Banners

[Vapers United]

Yes, I could follow that.

[Kami]

Good to hear. Have I sufficiently answered what you needed for this topic?

[Vapers United]

Aug 7, 2017 12:46:19 GMT -8 Kami said:

Good to hear. Have I sufficiently answered what you needed for this topic?

I would say yes. But if I run into difficulty, may I come back to ask for help?

[Kami]

Aug 7, 2017 12:48:27 GMT -8 Vapers United said:

Aug 7, 2017 12:46:19 GMT -8 Kami said:

Good to hear. Have I sufficiently answered what you needed for this topic?

I would say yes. But if I run into difficulty, may I come back to ask for help?

Absolutely, though it would likely be best to create a new thread at that point and @ tag me (:

[Vapers United]

Thanks!

[Kami]

No problem (:

[Vapers United]

Sorry, but there are two issues to report on the second banner...

[Kami]

Unfortch I'm going to need to see it in action, as the test forum still shows it correctly.

[Vapers United]

The post that this is a screen shot of is in the Sandbox. Fortunately enough, that should be relatively easy for me to let you have access to. I'll edit this reply when it should be ready for you to see, with a link to it.

EDIT:
OK, this is a link to it.

[Kami]

Vapers United please feel free to put guest login mode back on, i spent longer on the phone with my dad than i intended and i have to go to bed in order to get up for my 8am meeting tomorrow

[Vapers United]

Aug 7, 2017 20:45:33 GMT -8 Kami said:

Vapers United please feel free to put guest login mode back on, i spent longer on the phone with my dad than i intended and i have to go to bed in order to get up for my 8am meeting tomorrow

I'll leave it set to Guest so you can get to it whenever.

[Kami]

A few issues.

1. It does not appear that you've added the spacing info to the <div class="info"> HTML specifically for this group. Remember, it should look like this:

<div class="info" {if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}style="margin-top:60px!important;"{/if}>

The reason I suspect that this has not been added is due to the conditional that I Have set up. If this had been properly appended to the above div, then the inline styling of margin-top:60px!important would have appeared when I inspected the element in the developer's console. Also, it looks like it is still inheriting the margin-top:35px; value which I know is what I gave you for the stylesheet.

---

2. I am also not seeing the <div class="left-arrow-2"></div> and <div class="right-arrow-2"></div> when inspecting the element, so it looks like you have not appended the relevant group to that coding either -- EDIT: OR alternatively you did not place the secondary divs where they needed to go. It should look like this:

<!-- This is for the second Vaping Blips banner -->
{if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}
<div class="arrow-left-2"></div>
<div class="arrow-right-2"></div>
<div class="mp-group-banner-2">

The reason I point it out is, again, if the conditional had been filled properly -- with both the group name & the content that is meant to appear -- that is what I would see in the source. It's clearly been filled properly with regards to the content of the second banner (since it says "One More...Banned" instead of the Vaping Blips text), but doesn't appear to have been properly appended for the inline CSS + the wrap around divs.

[Vapers United]

Aug 8, 2017 6:43:53 GMT -8 Kami said:

A few issues.

1. It does not appear that you've added the spacing info to the <div class="info"> HTML specifically for this group. Remember, it should look like this:

<div class="info" {if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}style="margin-top:60px!important;"{/if}>

The reason I suspect that this has not been added is due to the conditional that I Have set up. If this had been properly appended to the above div, then the inline styling of margin-top:60px!important would have appeared when I inspected the element in the developer's console. Also, it looks like it is still inheriting the margin-top:35px; value which I know is what I gave you for the stylesheet.

---

2. I am also not seeing the <div class="left-arrow-2"></div> and <div class="right-arrow-2"></div> when inspecting the element, so it looks like you have not appended the relevant group to that coding either -- EDIT: OR alternatively you did not place the secondary divs where they needed to go. It should look like this:

<!-- This is for the second Vaping Blips banner -->
{if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}
<div class="arrow-left-2"></div>
<div class="arrow-right-2"></div>
<div class="mp-group-banner-2">

The reason I point it out is, again, if the conditional had been filled properly -- with both the group name & the content that is meant to appear -- that is what I would see in the source. It's clearly been filled properly with regards to the content of the second banner (since it says "One More...Banned" instead of the Vaping Blips text), but doesn't appear to have been properly appended for the inline CSS + the wrap around divs.

Sorry for the delay!

1. I copied and pasted the first one from your original code, but I redid it with what you have above.

2. I found and fixed the following error that I made...

<!-- This is for the second Vaping Blips banner -->
{if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}
<div class="mp-group-banner-2"> <--- this was in the wrong place

<div class="arrow-left-2"></div>
<div class="arrow-right-2"></div>

---

Everything about an MP with two Avatar Banners looks perfect now, as do those with only one. But...

I don't know if this was the case before changes today or not because I wasn't looking for this, but there must be another error. Members without a banner do not have info like "Posts: 57" or "Member is online" displayed under the avatar, and every other post of theirs does not show the miniature avatar picture in their quoted replies.

Since you were able to see this thread before, I've given you access to it again.

You can see the one with two banners here.

I only looked here before, so I missed the regular member thing. Sorry!

[Kami]

Vapers United - I am almost certain I know what is causing this, but could you post your entire mini profile template here, between [code][/code] tags?

[Vapers United]

<div class="$[miniprofile_class]">
$[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}

{if $[user.group]}
$[user.group.name]<br />

<!-- Avatar Banners by Kami (BEGIN) -->
<!-- BEGIN - Avatar Banner Member Group names, placed under the username -->
{if $[user.group.name] == "Administrator" || $[user.group.name] == "Admin" || $[user.group.name] == "Global Moderator" || $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Moderator" || $[user.group.name] == "Strike One" || $[user.group.name] == "Strike Two" || $[user.group.name] == "Strike Three" || $[user.group.name] == "Banned"}
$[user.group.stars]<br />
{elseif $[user.group.name] == "Supplier" || $[user.group.name] == "Facebook Leader" || $[user.group.name] == "Member Vendor" || $[user.group.name] == "Advocate"}
$[user.rank.stars]<br />
{/if}
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}
{/if}
<!-- END - Avatar Banner Member Group names, placed under the username -->
{if $[user.custom_title]}$[user.custom_title]<br />{/if}
$[user.warning.bar]
<br />
{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div><br />
{/if}
{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}

<!-- BEGIN - Avatar Banner Titles -->
{if $[user.group]}
   <div class="arrow-left"></div>
<div class="arrow-right"></div>
<div class="mp-group-banner">
   {if $[user.group.name] == "Administrator"}
       Site Administrator
   {elseif $[user.group.name] == "Admin"}
       Contest Organizer
{elseif $[user.group.name] == "Global Moderator" || $[user.group.name] == "Moderator" || $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Contest Organizer" || $[user.group.name] == "Facebook Leader" || $[user.group.name] == "Member Vendor" || $[user.group.name] == "Banned"}
       $[user.group.name]
   {elseif $[user.group.name] == "Supplier"}
       Forum Supplier
   {elseif $[user.group.name] == "Advocate"}
       E-Cig Advocate
   {elseif $[user.group.name] == "Strike One"}
       Strike 1 - Barred
   {elseif $[user.group.name] == "Strike Two"}
       Strike 2 - Barred
   {elseif $[user.group.name] == "Strike Three"}
       Strike 3 - Barred
   {/if}
</div>

<!-- This is for the second banner for anyone who gets one -->
{if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}
<div class="arrow-left-2"></div>
<div class="arrow-right-2"></div>
<div class="mp-group-banner-2">
   {if $[user.group.name] == "Vaping Blips Moderator"}Safe Zone Moderator
{elseif $[user.group.name] == "Strike Three"}One More... Banned
{/if}
</div>
{/if}
<!-- END - Avatar Banner Titles -->
<!-- Avatar Banners by Kami (END) -->
   
   {if $[user.is_member]}
    <div class="info" {if $[user.group.name] == "Vaping Blips Moderator" || $[user.group.name] == "Strike Three"}style="margin-top:60px!important;"{/if}>
Posts: $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}
{foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/foreach}
{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}
</div><br />
{/if}
{if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}
</div>