[rz] Analog Clock

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Analog Clock

Post by [RZ] »

[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!).
User avatar
zinc
 
 
Posts: 2151
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: [rz] Analog Clock

Post by zinc »

This is a little gem! Thank you RZ
Running WYSIWYG Web Builder since 2007...
User avatar
[RZ]
 
 
Posts: 1914
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Analog Clock

Post by [RZ] »

:)
Locked