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] Layout-Grid Beautifier


This lightweight extension enhances and uniforms automatically the visual result of the layout-grid object.

Some features:

- Enhances the "cells" with transitional background colors and smooth fade effects.
- Supports [rz] Background Images, [rz] Ripple Background, [rz] Background Video and
  similar background extensions.
- Layout Grid cells uniformity.
- Fluid and RWD support.
- Lightweight, no dependencies, no jQuery.
- Multi-instance and multi-target; you can have different layout-grids with their own colors/settings or
  the same for all of them.

Bonus:

- [rz] Layout-Grid Beautifier (click) extension makes the Layout-Grid columns clickable.
- Custom focus box.
- Optionally disables the system default box.

...and more!


HTML 4.01 Transitional
W3C compliant


DEMO


How to use?

1. Design your page with layout-grid(s) as you usually do.
2. Drag and drop the extension into the workspace.
3. Open its properties dialog box and enter the name(s) of the layout-grid(s).
4. Setup the colors, transparencies, effect times, etc.
5. Preview or publish.

How to make a column clickable?

1. Drag and drop the (click) module into the element you want to make it clickable.
2. Setup the link.
3. Optionally, setup the appearance of the focus box.
4. Preview or publish.

Enjoy!

Notes:

- These extensions also support layers and text objects.
- The layout-grid object requires the use of modern browsers.
- Some specific features may also require modern browsers.
w3c compliant
© 2012-20 by MAGNA web studio • all rights reserved


new shop with