Post by hdd on Oct 26, 2019 8:46:30 GMT -8
Hello everyone,
Made a mini-profile template which looks like v6 m-p(only for Dekstop Theme).
Thanks to Kami & Retread for helping me in codes.
Get live preview from my forum (Sports-world)
See the result below in attachment:
Made a mini-profile template which looks like v6 m-p(only for Dekstop Theme).
Thanks to Kami & Retread for helping me in codes.
<div class="$[miniprofile_class]">
{if $[user.avatar]}
<div class="avatar" style="border-radius:50%; border:2px solid $[user.color]; padding:2px; margin-top:15px;">$[user.avatar]</div><br />
{/if}
<div class="name" style="margin-bottom:-9px;">$[user]</div><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 /><br />
<div class="miniprofile_rank" style="margin-top:-12px; letter-spacing: -1.5em;">
<i class="material-icons" style='width:22px; height:22px; color:$[user.color];'>star</i>
<i class="material-icons" style='width:22px; height:22px; color:$[user.color];'>star</i>
<i class="material-icons" style='width:22px; height:22px; color:$[user.color];'>star</i>
<i class="material-icons" style='width:22px; height:22px; color:$[user.color];'>star</i>
<i class="material-icons" style='width:22px; height:22px; color:$[user.color];'>star</i>
</div>
{elseif $[user.rank]}
$[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}
{/if}
$[user.warning.bar]
<br />
{if $[user.personal_text.message]}
$[user.personal_text]<br />
{/if}
{if $[user.is_member]}
<div class="info float-left" style="margin-left:5px; font-size:12px;">
Posts: $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}<br>
Thanks: $[user.likes]<br>
Joined: $[user.registered_on_short]
{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 style="color:#07ad36; font-weight:bold;">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>
This template uses Google material star icon for ranks, so put the code below under <head> in Forum Wrapper.<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Note: Colors in this template only be visible if you have added colors to members of different ranks & Remember only 5 stars will be visible for all ranks.Get live preview from my forum (Sports-world)
See the result below in attachment:
