Page 1 of 2

Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Mon Feb 28, 2011 8:18 pm
by smartmedia
Version 1.0.1.0
Build with 2.6.0 Extension builder
Document type: HTML 4.01 Transitional

Image

Info
http://tympanus.net/codrops/2009/11/30/ ... -tutorial/

Demo
http://tympanus.net/Tutorials/FixedNavigationTutorial/

Properties
Image

Preview
Image Image

Futures
change menu width - height - color
change title - image - link - target

Extra futures from original
Change menu roundness
Different color on hover
change menu transparency

Added
jQuery script select

Download
Rar file contains all versions from 2 to 7 buttons
http://dl.dropbox.com/u/8766047/FixedNavigation.rar

I have an issue with java script, if someone knows how to calculate this:
$('a',$(this)).stop().animate({'marginLeft':'-85px'},200);

like this
$('a',$(this)).stop().animate({'marginLeft':'-100+15px'},200);
in other words, i want always the value to be -15 so if is -100 to be -85 if is -120 to be -105 automatically

will be much of a help...

Re: Fixed Navigation Slide Out (Released 1/3/2011)

Posted: Tue Mar 01, 2011 11:41 am
by FredericP
Splendid ! Thx a lot !

Re: Fixed Navigation Slide Out (Released 1/3/2011)

Posted: Wed Mar 02, 2011 2:56 am
by amrajadhyaksha
Superb effect and effort from you.
One question: does it always have to be in the left corner or can its position be shifted?

Re: Fixed Navigation Slide Out (Released 1/3/2011)

Posted: Sun Mar 13, 2011 6:43 am
by smartmedia
My knowledge in java are very limited, the script is build to work basically in left side. If some one knows he can post the modified code to include it.

Re: Fixed Navigation Slide Out (Released 1/3/2011)

Posted: Sat Mar 19, 2011 4:12 am
by me.prosenjeet
I am looking for a clarification.
I need to use only 3 tabs, how do I remove the others from the display. I deleted all variables from the 4th tab onwards but still the tabs show as blank.

Re: Fixed Navigation Slide Out (Released 1/3/2011)

Posted: Sat Mar 19, 2011 8:28 am
by smartmedia
Hi..

Please download again. I have included all version from 2 to 7 buttons. Also a jQuery script select added.

Re: Fixed Navigation Slide Out (Released 1/3/2011)

Posted: Sat Mar 19, 2011 3:45 pm
by me.prosenjeet
smartmedia wrote:Hi..

Please download again. I have included all version from 2 to 7 buttons. Also a jQuery script select added.
Thanks a load!! :D
Can you update the following too in the extension:
Link currently has to be pasted, use the extension builder option URL

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Sat Mar 19, 2011 4:12 pm
by me.prosenjeet
I am using the one with 5 menu options and somehow the fourth is not displaying the image. Can you please have a look

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Sat Mar 19, 2011 7:00 pm
by smartmedia
Yes you was right, fixed, please download again... I didn't have the time to change version numbers. Just overwrite the old extension. Enjoy it.

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Tue Mar 29, 2011 2:18 pm
by me.prosenjeet
Ok, a strange issue,
I am using this extension and when I view the site live I see the menu working fine, but, my client says he cant see it. He says he tried 2 computers and still he cant see the menu.
Can you all visit this page and confirm if you see the scrolling fixed black menu on the left of the page! :cry:
http://edisonglobal.com/aboutedison.php

Edit:
I just checked, the menu shows only in IE8
It doesnt show in FF, Netscape, Opera, Safari, Chrome
Is there something I did wrong, the menu shows through a masterpage....and works fine in IE8

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Tue Mar 29, 2011 3:07 pm
by me.prosenjeet
I hope I am referring to the correct extension....
Called "Fixed Side Navigation"
screenshot:
Image

If yes, then it works only in IE
Smartmedia, some debugging required!!!!????

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Tue Mar 29, 2011 4:29 pm
by smartmedia
Hi..

I see that you have set the transparency to 0, normally it will not show the menu if transparency is 0. Change it to 0.5 and check again..

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Sat Apr 16, 2011 10:16 pm
by me.prosenjeet
When I put this on a blank page and add this blank page as masterpage to other pages, the last button works on some pages and on some it doesnt...any idea what I am doing wrong?

See the demo:
Look for the menu on extreme left center

The last button (Back) works here:
http://www.edisonglobal.com/led_Lighting.php

But doesnt work here:
http://www.edisonglobal.com/lighting/ar ... ghting.php
Note: if you touch the border of the Back button with your mouse then only it works. whereas the other buttons in the same menu works ok

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Sun Apr 17, 2011 3:03 pm
by smartmedia
Hi..

You have an object and perhaps is transparent. If you scroll any page to end and hover the back button you will see that is working. Check the order of objects. I can't think something else..

Re: Fixed Navigation Slide Out (Updated 19/3/2011)

Posted: Sun Apr 17, 2011 4:02 pm
by me.prosenjeet
smartmedia wrote:Hi..

You have an object and perhaps is transparent. If you scroll any page to end and hover the back button you will see that is working. Check the order of objects. I can't think something else..
Thanks!
You are right, I had a vagabond object lying in that region and that was in transparent mode :oops:
Thanks once again for your time :D