Replace "Member is online" with icon

[Chrissiest Chris]

Preferably an icon in the top right corner of the mini-profile

[Tumbleweed]

Jun 30, 2017 0:04:35 GMT -8 Chrissiest Chris said:

Preferably an icon in the top right corner of the mini-profile

This is pretty easy to do. You'll just need to head to your mini profile template.  Find the line where it says "user is online" (around line 35ish) and replace that text with an image and then you could just move it right below the very first div at the top. So you'd have something like this: 


<div class="$[miniprofile_class]">
{if $[user.is_online]}
<div class="online_icon">
<img src="http://i657./uu300/EliteList/Icons/ic5.gif" border="0" title="member is online">
</div>
{/if}
<p style="clear:right:"></p>

The bold is added so you can position it in that right top corner so at the bottom of your style sheet you'd add something like this:

/*user online icon position*/
.online_icon{float:right;margin-top:-8px;}

Because we are floating the icon to the right we needed to clear that float out and that's why you need the green part. The blue part is the part you'd add and the black is what is already there. 

Hope that helps.

[wanderingjedi]

Jul 6, 2017 23:08:50 GMT -8 Tumbleweed said:

Jun 30, 2017 0:04:35 GMT -8 Chrissiest Chris said:

Preferably an icon in the top right corner of the mini-profile

This is pretty easy to do. You'll just need to head to your mini profile template.  Find the line where it says "user is online" (around line 35ish) and replace that text with an image and then you could just move it right below the very first div at the top. So you'd have something like this:


<div class="$[miniprofile_class]">
{if $[user.is_online]}
 <div class="online_icon">
 <img src="http://i657./uu300/EliteList/Icons/ic5.gif" border="0" title="member is online">
 </div>
 {/if}
 <p style="clear:right:"></p>

The bold is added so you can position it in that right top corner so at the bottom of your style sheet you'd add something like this:

/*user online icon position*/
.online_icon{float:right;margin-top:-8px;}

Because we are floating the icon to the right we needed to clear that float out and that's why you need the green part. The blue part is the part you'd add and the black is what is already there.

Hope that helps.

Tried adding this to my site which worked wonderfully. However, I would also like it at the top of the mini profile and when I added the

/*user online icon position*/
.online_icon{float:right;margin-top:-8px;}

  stylesheet (the bottom) all it does is shift it at the bottom to the right.
Any ideas?  Also, link here. 

Thanks! 

[Lynx]

Apr 3, 2019 17:16:41 GMT -8 wanderingjedi said:

Jul 6, 2017 23:08:50 GMT -8 Tumbleweed said:

This is pretty easy to do. You'll just need to head to your mini profile template.  Find the line where it says "user is online" (around line 35ish) and replace that text with an image and then you could just move it right below the very first div at the top. So you'd have something like this:


<div class="$[miniprofile_class]">
{if $[user.is_online]}
 <div class="online_icon">
 <img src="http://i657./uu300/EliteList/Icons/ic5.gif" border="0" title="member is online">
 </div>
 {/if}
 <p style="clear:right:"></p>

The bold is added so you can position it in that right top corner so at the bottom of your style sheet you'd add something like this:

/*user online icon position*/
.online_icon{float:right;margin-top:-8px;}

Because we are floating the icon to the right we needed to clear that float out and that's why you need the green part. The blue part is the part you'd add and the black is what is already there.

Hope that helps.

Tried adding this to my site which worked wonderfully. However, I would also like it at the top of the mini profile and when I added the

/*user online icon position*/
.online_icon{float:right;margin-top:-8px;}

  stylesheet (the bottom) all it does is shift it at the bottom to the right.
Any ideas?  Also, link here. 

Thanks! 

My first guess would be that you didn't move the <div> to reposition it. If you post your Mini-Profile template inside code tags here, someone will be able to tell you just what needs to be done and where.