magna
Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
BS"D
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Full Menu


This is one the most lightweight solutions to have a responsive and full size menu on top of the page contents..

Some features:

- Custom colors and background patterns.
- Custom opacity level for modern designs.
- Custom fade speed and smooth color transitions.
- Advanced alignment modes and positions.
- RWD and RTL support.
- Tooltips for the button and the options.
- Embeding objects support (useful for logos, additional functionality, etc).
- Works smoothly with [rz] Preloaded Links.
- Maximum crossbrowser, crossplatform and backward compatibility.
- No additional dependencies and no jQuery required.

...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


* Just a brief about some of the changes that were made lately...

* New in version 1.2

- More open/close button alignments.
- Improved open/close button styling.
- Improved panel styling.

* New in version 1.1

- Improved and expanded formating options including margins, padding and sizing.
- Improved scripts location.
- Minor core tweaks.

* New in version 1.0.5

- The open/close button can have transparent background.
- Optionally, the open/close button can have a common pattern (a png/gif image with transparencies is recommended).

* New in version 1.0.4

- Added an optional custom border to the options panel.
- Fixed an incorrect panel size (under certain parameters).

* New in version 1.0.3

- New optional blind effect for open/close sequence.
- Fade effect is now optional.

* New in version 1.0.2

- Panel margins support (modern schemes with backward support).
- Simplified and more versatile margins handling for the elements.
- Improved startup.

* New in version 1.0.1

- Improved (and extended) images/options alignments.
- Improved backward compatibility in 'current page detection'.
- Fixed a misalignment on breakpoints when options are mixed with and without images.
- Fixed a bug when embedding some standard objects.



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.

Available custom functions:

You can have your own images, links or any other object that supports events.
The event, usually "onclick", can call the following available functions:

MyMenu.open(); to open the menu.
MyMenu.close(); to close the menu.

(Replace "MyMenu" with the actual extension instance name.)

Enjoy!
w3c compliant
© 2012-17 by MAGNA web studio • all rights reserved


new shop with