how to do this ??

[xdbrad]

i want to convert this :



to this .. so when member is online the icon will appear there.

[Tumbleweed]

Head to your Mini Profile template (Admin Home> Themes> Layout Templates>Mini Profile) and at about line 28 you'll see this line:

{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}

The blue is where you'd add a image (or you could use font awesomes). If you wanted a different icon for when they are off line then you could add the else bit in bold:

{if $[user.is_online]}<br /><span class="italic"><img src="http://online Icon"></span>
{else}
<img src="http://offlineicon.png">
{/if}

Hope that helps.

[xdbrad]

Aug 31, 2017 21:48:43 GMT -8 Tumbleweed said:

Head to your Mini Profile template (Admin Home> Themes> Layout Templates>Mini Profile) and at about line 28 you'll see this line:

{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}

The blue is where you'd add a image (or you could use font awesomes). If you wanted a different icon for when they are off line then you could add the else bit in bold:

{if $[user.is_online]}<br /><span class="italic"><img src="http://online Icon"></span>
{else}
<img src="http://offlineicon.png">
{/if}

Hope that helps.

ok, iknow that but i want to make the icon in the top , like the one in the screen..

[Tumbleweed]

Sept 1, 2017 10:43:51 GMT -8 xdbrad said:

Aug 31, 2017 21:48:43 GMT -8 Tumbleweed said:

Head to your Mini Profile template (Admin Home> Themes> Layout Templates>Mini Profile) and at about line 28 you'll see this line:

{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}

The blue is where you'd add a image (or you could use font awesomes). If you wanted a different icon for when they are off line then you could add the else bit in bold:

{if $[user.is_online]}<br /><span class="italic"><img src="http://online Icon"></span>
{else}
<img src="http://offlineicon.png">
{/if}

Hope that helps.

ok, iknow that but i want to make the icon in the top , like the one in the screen..

Aww, when I think of something converted I don't think of it being moved but just changed in it's place, thus the confusion. Plus I have no clue what you know and don't know because I don't have esp.  Sorry I misunderstood what you were asking. 

But you should be able to just move that line right under the very first opening div in the mini-profile template and then use css to style it and position it. I'll see if I can get at it later tonight if no one else helps you out. But it would be something like this: (The bold is the opening div in your mini profile template already there and you'd add the blue)


<div class="$[miniprofile_class]">

<div class="on_or_not"> {if $[user.is_online]}<span><i class="fa fa-check"></i></span>{/if}</div>
<p style="clear:right;"></p>


and then your css would be something like this:

.on_or_not{float:right;margin-top:-2px;margin-right:-6px;margin-bottom:-14px;}
.on_or_not span{background-color:#eeeeee;border-radius:50%; padding:6px 8px 6px 8px; border:1px solid #bbbbbb;}
.fa-check{color:#1edc39;font-weight:bold;font-size:12px;}

(I'm using font awesome in mine.)