• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
8thos Bar (Facebook-Like Floating Menu with Avatar and Search Box)

8thos Bar 5.0

No permission to download

DRE

Well-known member
#1
8thos submitted a new resource:

8thos Bar (version 3.0) - Floating User Bar With Avatar, Style Selector, Back to Top and Search Bar

This is a floating user bar inspired by Facebook's user bar that features navigation visitor tab links, an avatar that lets you change your avatar upon click, style selector, back to top link that brings you to the header and a search bar. If you are a moderator and above, the admin link is shortened to say Admin CP and the moderation queue and reported items links and alerts only show when there is actually an alert.

You can see a working demo of this addon at...
Read more about this resource...
 

Chris D

XenForo developer
Staff member
#8
8thos, just a thought on the styling which may make it more compatible.

You could create your own css file called 8thosbar.css.

Then in one of your template modifications you could have:

<xen:require css="8thosbar.css" />

Can't figure out though why it wouldn't have worked for Gopala - but in case this happens for more people then it is one option to ensure compatibility for everyone.
 

Chris D

XenForo developer
Staff member
#9
Just noticed that "Log Out" is no longer launched in an overlay.

To fix, in the modification 8B Menu Links:

Change:

Code:
<li class="navTab PopupClosed"><a href="{xen:link logout}" class="navLink">{xen:phrase log_out}</a></li>
to

Code:
<li class="navTab PopupClosed"><a href="{xen:link logout}" class="OverlayTrigger navLink">{xen:phrase log_out}</a></li>
 

DRE

Well-known member
#12
Thank you very much. It worked now. Just one help, how do i modify to maintain the search bar intact?

Thanks once again :)
In TMS Edit for 8thos Bar Look for 8B Search Bar and remove:

Code:
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
In TMS Edit for 8thos Bar uncheck 8B Search CSS
8thos, just a thought on the styling which may make it more compatible.

You could create your own css file called 8thosbar.css.

Then in one of your template modifications you could have:

<xen:require css="8thosbar.css" />

Can't figure out though why it wouldn't have worked for Gopala - but in case this happens for more people then it is one option to ensure compatibility for everyone.
Just noticed that "Log Out" is no longer launched in an overlay.

To fix, in the modification 8B Menu Links:

Change:

Code:
<li class="navTab PopupClosed"><a href="{xen:link logout}" class="navLink">{xen:phrase log_out}</a></li>
to

Code:
<li class="navTab PopupClosed"><a href="{xen:link logout}" class="OverlayTrigger navLink">{xen:phrase log_out}</a></li>
Okay done! :D
 
#13
In TMS Edit for 8thos Bar Look for 8B Search Bar and remove:

Code:
<xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
In TMS Edit for 8thos Bar uncheck 8B Search CSS

Okay done! :D
Thanks Sir, but the search bar has disappeared; I just wanted the Search Bar to be intact in it's original position.