Staff Online in Colums (With Overlay)

[imported_Forsaken]

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

Open Sidebar.css

Replace:

.sidebar .avatarList li
{
	overflow: hidden; zoom: 1;
	margin: 5px 0;
}

with:

.sidebar .avatarList li
{
	overflow: hidden; zoom: 1;
	float:left;
	margin: 5px 0 0 0;
	width:25%;
}
.sidebar .participants.avatarList li
{
	margin: 5px 0;
	overflow: hidden;
	zoom: 1;
	float:none;
	width:auto;
}

Open sidebar_online_users

Replace:

			<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" />
								<a href="{xen:link members, $user}" class="username">{xen:helper richUserName, $user}</a>
								<div class="muted">{xen:helper userTitle, $user}</div>
							</li>
						</xen:if>
					</xen:foreach>
				</xen:contentcheck>
			</ul>

With:

			<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>

 

[Chimpie]

screenshots?

 

[imported_Forsaken]

forgot to include it, its added now.

 

[Floris]

Looks great Thanks for sharing. I think once wetalk community grows and we have more mods again we certainly are interested in using this on the site.

 

[imported_Forsaken]

Updated the first post to take into account re-used code for private conversations.

 

[hoangduykt7990]

This is good but I take an error

I just follow the instruction exactly , use Xenforo 1.0.4