Follow @magnawebstudio on Twitter Follow @magnawebstudio on Twitter
Follow /magnawebstudio on LinkedIn Follow /magnawebstudio on LinkedIn
awarded site
magna web studio
Contact us! Contact us!
WB-Developers' Corner
WB-Developers' Corner
       [rz] Analog Clock

This extension displays simple, flat, colorful and elegant clocks in your site that fit your design.

Some features:

- Custom colors and size for each hand.
- Custom outline, quadrant and background.
- Hands "lean-out" to back in specific sizes for modern or retro appearance.
- No images needed.
- Displays fixed times or auto-updating current time.
- HTML5 (also HTML4 Transitional with a separated compatibility module, not included).
- Lightweight, no extra dependencies and no jQuery required.

W3C compliant


How to use?

1. Design your page with its elements as you usually do.
2. Drag and drop an extension instance.
3. Open the properties dialog and enter the colors, sizes, etc.
4. To show a fixed time, enter the time in HHMMSS format; leaving this entry empty,
    the current time will be shown.
5. Preview or publish.



This extension uses advanced HTML5 features; however, if you need to support other/older browsers, an HTML4 compatibility module is available (it is not included!).
w3c compliant
© 2012-20 by MAGNA web studio • all rights reserved

new shop with