• This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Staff Online In columns (With Overlay)

Status
Not open for further replies.

Forsaken

Well-known member
This is an alternative to the default Staff Online listing, as well as to the other one already posted here.

Open Sidebar.css

Add this:
Code:
.sidebar .avatarListInline li
{
overflow: hidden; zoom: 1;
float:left;
margin: 5px 0 0 0;
width:25%;
}

Open sidebar_online_users

Replace:

Code:
<xen:if hascontent="true">
<!-- block: sidebar_online_staff -->
<div class="section staffOnline avatarList">
<div class="secondaryContent">
<h3>{xen:phrase staff_online_now}</h3>
<ul>
<xen:contentcheck>
<xen:foreach loop="$onlineUsers.records" value="$user">
<xen:if is="{$user.is_moderator} OR {$user.is_admin}">
<li>
<xen:avatar user="$user" size="s" img="true" />
<xen:username user="$user" rich="true" />
<div class="userTitle">{xen:helper userTitle, $user}</div>
</li>
</xen:if>
</xen:foreach>
</xen:contentcheck>
</ul>
</div>
</div>
<!-- end block: sidebar_online_staff -->
</xen:if>

With:

Code:
<xen:if hascontent="true">
 <!-- block: sidebar_online_staff -->
 <div class="section staffOnline avatarListInline">
 <div class="secondaryContent">
 <h3>{xen:phrase staff_online_now}</h3>
 <ul>
 <xen:contentcheck>
 <xen:foreach loop="$onlineUsers.records" value="$user">
 <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
 <li>
 <xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />
 </li>
 </xen:if>
 </xen:foreach>
 </xen:contentcheck>
 </ul>
 <div style="clear:both;"></div>
 </div>
 </div>
 <!-- end block: sidebar_online_staff -->
</xen:if>
 

Attachments

  • Staff-Online.webp
    Staff-Online.webp
    4 KB · Views: 638
Excellent solution to obvious problem.
Thank you for sharing the code.

<smilies and flowers here>
 
Great work; the only issue I'm seeing is that it's messing up the RecentStatus mod in the same way the conversations were messed up in post #8. Any idea on how to fix that? Thanks!
 
I'll modify it a bit tomorrow when I'm back from dinner.

Just reformatted my system, and getting prepared for the new system I ordered today.
 
If anyone else has the same problem like me, that you got an image as Rank and that an error shows up, than change

Code:
<xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}, {xen:helper userTitle, $user}" />

by

Code:
<xen:avatar user="$user" size="s" text="{$user.username} ({xen:helper userTitle, $user})" class="Tooltip" title="{$user.username}" />
 
It looks like the only way you're fitting both is to extend the sidebar, or you could change the avatar sizes to small (which will knock them down to 48x48). There's not much else you can do that doesn't involve editing templates.
 
Sorry but i can't see this code in sidebar.css (maybe that template is outdate)
Code:
.sidebar .avatarList li
{
overflow: hidden; zoom: 1;
margin: 5px 0;
}
 
Sorry but i can't see this code in sidebar.css (maybe that template is outdate)
Code:
.sidebar .avatarList li
{
overflow: hidden; zoom: 1;
margin: 5px 0;
}
Updated the first post, you'll just need to replace the code (Will check to see if its been changed in 1.0.3 on Tuesday or Wednesday), and add the new CSS class.
 
Installed today - many thanks - as I have quite a lot of moderators this has done a great job of shortening the sidebar on my CycleChat forums.

Cheers,
Shaun :D
 
it doesnt for me. I am using 1.1.1 version. I am sure ı make right all of changes.
is there a change new versions..
 
Status
Not open for further replies.
Top Bottom