vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=158750

Floating Top Bar script [register]
by Sulaiti
25 Sep 2007 18:57

1 Attachment(s)
Description: This script displays a floating bar that sits at the top of the window, gliding gently back into view when the page is scrolled. Regular HTML content can be shown inside of it. And to make the bar less intrusive, once it is closed (by clicking on the "x"), the bar can be set to dismiss for the entire duration of the browser session, by using cookies. Reloading the page won't bring it back. Sites like About.com use something similar to display important tidbits of information.

Step 1: Add the following code into the Template: headinclude :

below
<!-- / CSS Stylesheet -->


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Step 2: Insert the following code in the Template: navbar :

below
<!-- / PAGENAV POPUP -->
</if>


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Step 3: Finally, this script uses an image to close the bar:

Done!

Please make sure you click INSTALL if you like it.

nonamer69 26 Sep 2007 14:10

thanks. do you have a screenshot or demo site where we can see it in action.

yoyoyoyo 26 Sep 2007 14:45

here is a screenshot:

http://img258.imageshack.us/img258/3676/errorld3.jpg

Lizard King 26 Sep 2007 17:01

It is not a really good approach to add all these lines to headinclude template. You can easily create a js file and call it via headinclude template and use the css within additional css.

yoyoyoyo 26 Sep 2007 20:15

After I install a modification I always go to view it in as many types of browsers as possible, to make sure that it is compliant with each of them. When I went to view my site in MSN Explorer I was shocked to see that the floating top bar is actually see-through:

http://img233.imageshack.us/img233/7770/errorpk2.jpg

I think that the CSS needs a bit of work in order to make it more cross-browser compliant/friendly.

Shaheen 06 Oct 2007 09:14

Thanks Dude

Sulaiti 30 Oct 2007 17:54

Quote:

Originally Posted by Lizard King (Post 1347599)
It is not a really good approach to add all these lines to headinclude template. You can easily create a js file and call it via headinclude template and use the css within additional css.



I agree, soon I will upgrade it to be more elastic

Chance4Today 05 Nov 2007 18:09

The X shows up for everyone but me LOL I just took it out got tired of seeing it float around but a good idea ;)

nectons 13 Nov 2007 00:59

why you posting even withoute testing ? :S ..

ReQueM 18 Nov 2007 15:38

thanks ;)
click install

mastertek2000 03 Dec 2007 00:09

thanks works great but is there any way to see the register button with out having the mouse over it

dvbusuario 27 Jan 2008 06:00

Very Good, Thanks xD

Qwest 12 Feb 2013 01:31

Trying to get this to work on an IPB forum.

Anyone know how to force the bar to always display on top?

It keeps sliding behind other content blocks on IPB.

Edit, nevermind, got it. Needed to add a z-index: 1; to the CSS.


All times are GMT. The time now is 05:53.

Powered by vBulletin® Version 3.8.12
Copyright © 2019, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.