![]() |
|
Mod Options |
![]() |
|||||||||||||||||||
Floating Top Bar script [register]
![]() Developer Last Online: Jun 2014 ![]() ![]() ![]() This modification is in the archives.
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 -->
Step 2: Insert the following code in the Template: navbar : below <!-- / PAGENAV POPUP --> </if>
Step 3: Finally, this script uses an image to close the bar: Done! Please make sure you click INSTALL if you like it. Download Now Only licensed members can download files, Click Here for more information. Screenshots Show Your Support
No members have liked this post.
|
Comments |
#2
|
|||
|
|||
thanks. do you have a screenshot or demo site where we can see it in action.
No members have liked this post.
|
#3
|
||||
|
||||
here is a screenshot:
![]() No members have liked this post.
Last edited by yoyoyoyo; 26 Sep 2007 at 15:05. |
#4
|
||||
|
||||
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.
__________________
Mert Gökçeimam / Crawlability Inc. DepKaç | vBSEO 3.3.0 - vBulletin Search Engine Optimisation No members have liked this post.
|
#5
|
||||
|
||||
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:
![]() I think that the CSS needs a bit of work in order to make it more cross-browser compliant/friendly. No members have liked this post.
|
#6
|
||||
|
||||
Thanks Dude
No members have liked this post.
|
#7
|
||||
|
||||
Originally Posted by Lizard King
![]()
I agree, soon I will upgrade it to be more elastic
__________________
No members have liked this post.
|
#8
|
|||
|
|||
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
![]()
__________________
Just keep moving forward and don't look back No members have liked this post.
|
#9
|
|||
|
|||
why you posting even withoute testing ? :S ..
No members have liked this post.
|
#10
|
||||
|
||||
thanks
![]() click install
__________________
ReQueM back!!! No members have liked this post.
|
#11
|
|||
|
|||
thanks works great but is there any way to see the register button with out having the mouse over it
No members have liked this post.
|
#12
|
||||
|
||||
Very Good, Thanks xD
No members have liked this post.
|
#13
|
|||
|
|||
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. No members have liked this post.
Last edited by Qwest; 12 Feb 2013 at 01:46. |
![]() |
«
Previous Mod
|
Next Mod
»
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
Mod Options | |
|
|
New To Site? | Need Help? |
All times are GMT. The time now is 19:52.