mini-profile template help needed - gap between elements [F]

[BJ McConnell]

Hi all,

I need some help modifying my mini-profile template. I modified the Member is Online code to include offline status and when I did, somehow it removed the spacing that was between the private message icon/link and the Achievement header (see image). The space between the Send PM icon and the Achievement header used to be the same as the gap above the Send PM icon.



Here is my mini-profile template code:


<div class="$[miniprofile_class]">

   

{if $[user.avatar]}

<div class="avatar">$[user.avatar]</div><br />

{/if}

   $[user]<br />

{if $[user.is_guest]}Guest<br />{/if}

{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}

   

   <br />

       {if $[user.group]}

   $[user.group.stars]<br />

$[user.group.name]<br />

{elseif $[user.rank]}



{if $[user.rank.stars]}

$[user.rank.stars]<br />

   $[user.rank.name]<br />

  <br />

{/if}

    {/if}

<br />

          <img src="//storage.proboards.com/7090909/images/0gAeUPNrNNiJgkMRKpTn.png"/>

   $[user.registered_on]

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

$[user.warning.bar]

<br />

{if $[user.personal_text.message]}

$[user.personal_text]<br />

{/if}

   <br />

{if $[user.is_member]}

<div class="info">

Posts: $[user.posts] Amens: $[user.likes]{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}

           <br />

{if ($[current_user.is_staff] && $[user.is_online] && [user.invisible]) || ($[user.is_online] && !$[user.invisible])}<br /><span class="italic" style="color:#0a990a;">Member is Online</span>

{else}<br /><span class="italic" style="color:#ff0000;" >Member is Offline</span>

{/if}

</div>

{/if}



           {if $[current_user.is_member]}<br /><a href="$[user.pm_href]" alt="PM $[user.name]"><img src="//storage.proboards.com/7090909/images/YEcygHisNtKVNGhUxVEO.png" border="0" /></a>{/if}

</div><br />



{if $[user.badges_miniprofile]}

<div class="$[user.badges_miniprofile_container_class]">

{foreach $[user.badges_miniprofile]}

$[user.badges_miniprofile.icon]

{/foreach}

</div>

{/if}

</div>
My forum is here

I appreciate any help I can get. Everything functions correctly, but the missing gap is sending my OCD into overdrive.

[Nscalerr]

Hi BJ McConnell

I think I have fixed things up by adding two <br /><br /> before the closing {/if} for the send pm bit of code. let me know how it goes for you.


<div class="$[miniprofile_class]">
   {if $[user.avatar]}
   <div class="avatar">$[user.avatar]</div><br />
   {/if}
   $[user]<br />
   {if $[user.is_guest]}Guest<br />{/if}
   {if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}<br />
   {if $[user.group]}
   $[user.group.stars]<br />
   $[user.group.name]<br />
   {elseif $[user.rank]}
   {if $[user.rank.stars]}
   $[user.rank.stars]<br />
   $[user.rank.name]<br /><br />
   {/if}
   {/if}<br />
   <img src="http://storage.proboards.com/7090909/images/0gAeUPNrNNiJgkMRKpTn.png"/>
   $[user.registered_on]
   {if $[user.custom_title]}$[user.custom_title]<br />{/if}
   $[user.warning.bar]<br />
   {if $[user.personal_text.message]}
   $[user.personal_text]<br />
   {/if}<br />
   {if $[user.is_member]}
   <div class="info">
       Posts: $[user.posts] Amens: $[user.likes]{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}<br />
       {if ($[current_user.is_staff] && $[user.is_online] && [user.invisible]) || ($[user.is_online] && !$[user.invisible])}<br />
       <span class="italic" style="color:#0a990a;">Member is Online</span>
       {else}<br /><span class="italic" style="color:#ff0000;" >Member is Offline</span>
       {/if}
   </div>
   {/if}
   {if $[current_user.is_member]}<br />
   <a href="$[user.pm_href]" alt="PM $[user.name]"><img src="http://storage.proboards.com/7090909/images/YEcygHisNtKVNGhUxVEO.png" border="0" /></a><br /><br />{/if}
</div><br />
{if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
   {foreach $[user.badges_miniprofile]}
   $[user.badges_miniprofile.icon]
   {/foreach}
</div>
{/if}

[BJ McConnell]

Nscalerr,

YES!! That was it! Thank you so much. I just knew it was needing <br /> tags somewhere but I couldn't get them in the right place for some reason. You're a Godsend, thanks again