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

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!

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

Postby smartmedia » Mon Feb 28, 2011 8:18 pm

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...
Last edited by smartmedia on Sat Mar 19, 2011 10:09 am, edited 3 times in total.
infogate
<script type="text/javascript">jQuery.noConflict();</script>
smartmedia
 
Posts: 74
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

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

Postby FredericP » Tue Mar 01, 2011 11:41 am

Splendid ! Thx a lot !
FredericP
 
Posts: 82
Joined: Thu Apr 26, 2007 5:10 pm
Location: Bourges (France)

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

Postby amrajadhyaksha » Wed Mar 02, 2011 2:56 am

Superb effect and effort from you.
One question: does it always have to be in the left corner or can its position be shifted?
User avatar
amrajadhyaksha
 
Posts: 188
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai

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

Postby smartmedia » Sun Mar 13, 2011 6:43 am

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.
infogate
<script type="text/javascript">jQuery.noConflict();</script>
smartmedia
 
Posts: 74
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

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

Postby me.prosenjeet » Sat Mar 19, 2011 4:12 am

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.
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

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

Postby smartmedia » Sat Mar 19, 2011 8:28 am

Hi..

Please download again. I have included all version from 2 to 7 buttons. Also a jQuery script select added.
infogate
<script type="text/javascript">jQuery.noConflict();</script>
smartmedia
 
Posts: 74
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

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

Postby me.prosenjeet » Sat Mar 19, 2011 3:45 pm

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
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

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

Postby me.prosenjeet » Sat Mar 19, 2011 4:12 pm

I am using the one with 5 menu options and somehow the fourth is not displaying the image. Can you please have a look
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

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

Postby smartmedia » Sat Mar 19, 2011 7:00 pm

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.
infogate
<script type="text/javascript">jQuery.noConflict();</script>
smartmedia
 
Posts: 74
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

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

Postby me.prosenjeet » Tue Mar 29, 2011 2:18 pm

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
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

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

Postby me.prosenjeet » Tue Mar 29, 2011 3:07 pm

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!!!!????
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

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

Postby smartmedia » Tue Mar 29, 2011 4:29 pm

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..
infogate
<script type="text/javascript">jQuery.noConflict();</script>
smartmedia
 
Posts: 74
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

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

Postby me.prosenjeet » Sat Apr 16, 2011 10:16 pm

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
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

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

Postby smartmedia » Sun Apr 17, 2011 3:03 pm

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..
infogate
<script type="text/javascript">jQuery.noConflict();</script>
smartmedia
 
Posts: 74
Joined: Wed Jan 26, 2011 7:51 pm
Location: Hellas

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

Postby me.prosenjeet » Sun Apr 17, 2011 4:02 pm

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
User avatar
me.prosenjeet
 
Posts: 1171
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow

Next

Return to Share self-made extensions with other users of WYSIWYG Web Builder

Who is online

Users browsing this forum: No registered users and 1 guest