How to Make Floating ACP Bar On xenForo

How to Make Floating ACP Bar On xenForo. Hey guys, Im back with yet another nice custom modification to your site to help you.

This modification makes a floating bar at the bottom of your forum that only Administrators and Moderators can see that has your quick links to your Admin Control Panel and Moderator Control Panel and Reports! This is really easy and is literally always on your screen, but this is small so you it doesnt get in the way!

First, Add this to footer.css

.staffBar {
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 7px;
background: url("@importurl/xenforo/highlight.png") repeat-x scroll 0pt 0pt rgb(238,238,238);
border: 1px solid rgb(0, 0, 0);
border-radius: 4px 4px 4px 4px;
position: fixed;
bottom: 5px;
left: 30%;
right: 30%;
}

.staffBar ul {
list-style: none;
}

.staffBar li {
display: inline;
margin-right: 5px;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

Now add this to the bottom of the footer template

<xen:if is="{$visitor.is_moderator}">
<div class="staffBar">
<xen:if is="{$visitor.is_admin}">
<li>    
<a href="admin.php" class="acp adminLink" target="_blank"><span class="itemLabel">AdminCP</span></a>
</li>
<xen:if is="{$session.permissionTest}">
<li>
     <a href="{xen:link misc/reset-permissions}" class="permissionTest adminLink OverlayTrigger floatLeft">
     <span class="itemLabel">{xen:phrase permissions_from_x, 'name={$session.permissionTest.username}'}</span>
     </a>
</li>
</xen:if>
</xen:if>
        
<xen:if is="{$visitor.is_moderator}">
<li>
<a href="{xen:link moderation-queue}" class="moderationQueue modLink">
<span class="itemLabel">Mod Queue:</span>
<span class="itemCount {xen:if {$session.moderationCounts.total}, 'alert'}">{$session.moderationCounts.total}</span>
</a>
</li>
<li>
<a href="{xen:link reports}" class="reportedItems modLink">
<span class="itemLabel">Reports:</span>
<span class="itemCount {xen:if {$session.reportCounts.total}, 'alert'}">{$session.reportCounts.total}</span>
</a>
</li>
</xen:if>
</div>
</xen:if>

Now refresh your forum and you will see this:

And there you go! Hope you guys enjoy, this is just a slight modification to help you get access to your ACP and ModCP easier and faster, hope you guys enjoy!

Easy and practical it How to Make Floating ACP Bar On xenForo, may be useful and help you!

Title: How to Make Floating ACP Bar On xenForo
Posted by:Stuard Van
Published :2013-08-14T10:00:00-07:00
Rating: 5
Reviewer: 5 Reviews
How to Make Floating ACP Bar On xenForo

Share :

Related articles: