www.wysiwygwebbuilder.com

[rz] Top Menu v1.1.4

This is the most easy and lightweight solution to have a responsive and fixed navigation menu on top of the page.

Some features:

- Custom colors and background patterns.
- Custom opacity level for modern designs.
- Custom slide speed.
- Advanced alignment modes and positions.
- RWD, RTL and fluid support.
- Tooltips in the main panel and its options.
- Embeds objects (useful for logos, etc).
- Smart slide/link behavior.
- Works smoothly with [rz] Preloaded Links.
- Multi-instance (i.e: top and bottom).
- Maximum crossbrowser, crossplatform and backward compatibility.
- No jQuery required.

...and many more!

DEMO

HTML 4.01 Transitional
W3C compliant


* New in version 1.1.4

- Improved advanced options alignments/variants.
- Improved uniformity and compatibility when using borders and separators.
- Fixed a sizing issue when using fixed width for the horizontal menu.
- Fixed a slight vertical alignment issue in default position with bottom border in options.
- Fixed an issue formatting/equalizing the vertical image/option list on older browsers and improved cross-browser uniformity.

* New in version 1.1.3

- Optional 'fade while slide' effect for the vertical panel options.
- Improved (and extended) images/options alignments.
- Fixed a misalignment when options are mixed with and without images.
- Improved backward compatibility in 'current page detection'.

* New in version 1.1.2

- Indent effect for the vertical panel options (hover/push statuses).
- Smooth transitions for the indent effect.

* New in version 1.1.1:

- Optional smooth context fade-in/out with custom color and opacity when the vertical options are being opened.
- Fixed an unstable backward compatibility issue (missing menubar).
- Fixed minor scroll gaps 'on push contents' on some setups.
- Due to some limitations, the 'within-a-layer' instance feature has been [temporarily?] removed.
- Tweaked code for better performance.

* New in version 1.1:

- Optional images for the options with also optional ones for their different statuses.
- Optional images can have eight different positions for the main buttons and two for the slide.
- Optional images can be resized for a better appearance on retina-based devices.
- Extended panel positioning with 'push' effect.
- Horizontal and vertical menus can have their own appearance (icon-based/text-based/both).
- Vertical options have an optional 'equalize' feature that extends the icon/text alignment within its general alignment.
- Improved burger behavior on slower sliding setup.
- Improved logical z-order related to the page elements.
- Improved startup.
- Proprietary events: onopen, onopened, onclose, onclosed, onslide (this improves the interaction with other extensions like [rz] PFO and similar).

* New in version 1.0.2:

- Instances can be placed on the body page or within layers.
- Added support for instances on [deeply] nested objects (usually layers) and within wb-carousel, jQueryTabs, etc.

* New in version 1.0.1.1:

- Optional sample preview on the workspace.
- Improved optional object embedding.
- Fixed a z-order concordance interacting with some [rz] extensions.

* New in version 1.0.1:

- Extended embedded object alignment options.
- Improved compatibility with [rz] PAO and other complex scenarios.


How to use?

1. Drag and drop this extension and enter the options menu, this means the links to the available pages in your project.
2. Optionally, you can setup additional properties such as alignments, margins, colors, backgrounds/patterns and many other options; or leave them as by default.
3. Preview or publish.

Enjoy!

Thank you RZ - This heralds the new "Web Design" era!!!!

hi RZ need to know
does this have hover active for bookmarks?

no, this is a stripped down version
what you are asking, i developed for a different company
perhaps, if they agree, i can add this (and more) in the next revision

ok thanx

Hello, look nice. Can i center the links/buttons?
Does it have dropdown/multilevel?

Thank's

nope, this is a stripped down version that i built for a company
(anyways i'm not sure if i got in full your question)
however it has many other advanced alignments
perhaps in a next revision, if they agree, i can add this and some other new features

* New in version 1.0.1:

- Extended embedded object alignment options.
- Improved compatibility with [rz] PAO and other complex scenarios.

Loving this one. One of those that comes to your rescue when you have a complex design or client! Thank you.

thanks again for your kind words and for appreciate my work "behind the scenes"

Yes´terday I bought a license. Great extension.
Is it possible to align the navi-bar on different places or individually, for example centered in the browser?

thanks for the feedback
pls contact privately

thank you for your mail, it has been answered, hope this helps

* New in version 1.0.1.1:

- Optional sample preview on the workspace.
- Improved optional object embedding.
- Fixed a z-order concordance interacting with some [rz] extensions.

* New in version 1.0.2:

- Instances can be placed on the body page or within layers.
- Added support for instances on [deeply] nested objects (usually layers) and within wb-carousel, jQueryTabs, etc.

* New in version 1.1:

- Optional images for the options with also optional ones for their different statuses.
- Optional images can have eight different positions for the main buttons and two for the slide.
- Optional images can be resized for a better appearance on retina-based devices.
- Extended panel positioning with 'push' effect.
- Horizontal and vertical menus can have their own appearance (icon-based/text-based/both).
- Vertical options have an optional 'equalize' feature that extends the icon/text alignment within its general alignment.
- Improved burger behavior on slower sliding setup.
- Improved logical z-order related to the page elements.
- Improved startup.
- Proprietary events: onopen, onopened, onclose, onclosed, onslide (this improves the interaction with other extensions like [rz] PFO and similar).

This is part of the next generation of UI & UX tool. Great addition for a serious design.

thank you zinc for supporting the hard work behind the scenes
feedback appreciated

* New in version 1.1.1:

- Optional smooth context fade-in/out with custom color and opacity when the vertical options are being opened.
- Fixed an unstable backward compatibility issue (missing menubar).
- Fixed minor scroll gaps 'on push contents' on some setups.
- Due to some limitations, the 'within-a-layer' instance feature has been [temporarily?] removed.
- Tweaked code for better performance.

* New in version 1.1.2

- Indent effect for the vertical panel options (hover/push statuses).
- Smooth transitions for the indent effect.

* New in version 1.1.3

- Optional 'fade while slide' effect for the vertical panel options.
- Improved (and extended) images/options alignments.
- Fixed a misalignment when options are mixed with and without images.
- Improved backward compatibility in 'current page detection'.

* New in version 1.1.4

- Improved advanced options alignments/variants.
- Improved uniformity and compatibility when using borders and separators.
- Fixed a sizing issue when using fixed width for the horizontal menu.
- Fixed a slight vertical alignment issue in default position with bottom border in options.
- Fixed an issue formatting/equalizing the vertical image/option list on older browsers and improved cross-browser uniformity.

One BIG Problem...
It does not seem to have the ability to add a scroll bar once you get more items in menu than the device can display on one screen.
This seems to be a common problem.

if you are a legal user, just contact privately
w/ regards