[rz] Analog Clock
Posted: Tue Jan 26, 2016 2:01 pm
[rz] Analog Clock v1.0
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.
HTML5
W3C compliant
DEMO
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.
Enjoy!
Notes:
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!).
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.
HTML5
W3C compliant
DEMO
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.
Enjoy!
Notes:
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!).
