• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • 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
#1
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

F

Floris

Guest
#2
Excellent solution to obvious problem.
Thank you for sharing the code.

<smilies and flowers here>
 

Trombones13

Well-known member
#10
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!
 

Vincent

Well-known member
#12
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}" />
 

James

Well-known member
#14
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.
 
#15
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;
}
 

Forsaken

Well-known member
#16
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.
 

CTXMedia

Formerly CyclingTribe
#18
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
 
Status
Not open for further replies.