• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Change login bar to an overlay

Jake Bunce

XenForo moderator
Staff member
#1
Jake Bunce submitted a new resource:

Change login bar to an overlay (version 1.x) - Will popup a standard overlay box instead of the default "scroll down" from the top.

Instead of this menu scrolling down from the top:

View attachment 27034

You will get an overlay window in the middle of the page:

View attachment 27035

Admin CP -> Appearance -> Templates -> login_bar

Add the red code:

Code:
<xen:require css="login_bar.css" />

<script>
XenForo.LoginBar = function(a){};
</script>

<div id="loginBar">
	<div class="pageWidth">
		<div class="pageContent">	
			<h3 id="loginBarHandle">
				<label...
Read more about this resource...
 

DRE

Well-known member
#9
I think the add-on adds this button as a hook for the login_bar template.

C2_twitter_login_button_item

Code:
<li><a href="{xen:link register/twitter, '', 'reg=1'}" class="twLogin"><img src="http://a0.twimg.com/images/dev/buttons/sign-in-with-twitter-d.png" alt="Sign up with Twitter"}" /></a></li>
 

Jake Bunce

XenForo moderator
Staff member
#13
Oh. Are overlays enabled?

Admin CP -> Appearance -> Style Properties -> Overlays and Tooltips -> Enable Overlays

This setting must be enabled for it to work.
 

Jake Bunce

XenForo moderator
Staff member
#15
Then it might be a style problem. Try it on a default style.

If it still doesn't work then I need the URL to your forum so I can take a look.