CoolClock – Advanced extends CoolClock for WordPress with advanced options.
|CoolClock (free) »||CoolClock Advanced|
|Widget, Shortcode or theme function|
|Compatible cross browser/platform|
|22 Preset skins|
|Set your custom skin|
|Linear or logarithmic time scale|
|Show 12h digital time (hh:mm am/pm)|
|More digital time options *|
Time with seconds, 24h digital time, date or custom text
|Font options * for digital time|
|Background options *|
Image or color, round(ed corners), adv. positioning
|1 extra, clean skin *|
- More digital options: time with seconds, 24h time, date or custom text.
- More font options: Next to font color, change font type, style and size.
- Background options:
- color, position, size (if your background image is larger than the clock) and repeat options
- A custom background image field. Allows for setting an URL to an image that will serve as background to the clock. This can be any kind of image, it's completely up to you!
- Background image stretching ('cover' or 'contain') to force-fit it to your clock size. Works well with the new responsive clock.
- Clock position: this will allow you to control the exact position of the clock in respect to the background image.
- One extra skin: Minimal. This skin serves well with background images.
- One year of Updates and Premium support
Buy CoolClock Advanced
Starting at 9$ (that’s ~7.50€) including 1 year free updates and support for one site.
Risk-free: 30-day money back guarantee - No questions asked (but we do appreciate all feedback!)
If your payment did not get processed immediately due to some transaction delay then you'll have to wait for the e-mail with download information. This usually will not take longer than an hour. If you did not get the e-mail within the day of purchase, please confirm the transaction in your PayPal account or at your credit card company or bank. Then contact us with your payment details so we can verify your purchase in our system.
What you get
After following the installation instructions, you'll have two plugins: The free CoolClock plugin plus the Advanced extension that brings advanced options to the table. These extra options allow you to customize your clock with your own background image.
The following examples shows how you can create your custom clock.
Example #1: Widget with background image
Let's say, you added an Analog Clock widget with all the default options to your sidebar. It should look like image #1a.
Now, with the Advanced extension activated, go back to your WordPress Appearance > Widgets admin page and open the widget to edit its settings.
Change the skin (theme) to the new one called 'Minimal' at the bottom of the dropdown list (image #1b) and the option Radius to 65 (image #1c) to better fit the coming background image. Next, fill out
http://i35.tinypic.com/990wtx.png in the Image URL field (image #1d) under the new Background options.
Then hit Save and admire the result on your site: A clock without a border and no minute or hour markers that fits snugly over a 125 by 125 pixel large WordPress logo.
But of course, you can choose your own logo or any other image!
Example #2: Shortcode with background image
The shortcode responsible for the minimalist clock at the top of this page is [coolclock align=right skin=minimal /] which uses the new skin Minimal.
When appended with the new parameters background_image="http://i35.tinypic.com/990wtx.png" showdigital="date" the result is visible here on the left.
These new shortcode parameters are available in the Advanced extension:
- showdigital extended with"digital12+" (with seconds), "digital24", "digital24+" (with seconds), "date" and "text" options
- text - define custom text to show in combination with showdigital="text" (above)
- fontcolor - set digital font color
- font - set font type, style and size
- background_image - define full URL or path to an image to serve as background
- background_height - give a height in pixels (default: clock plus subtext height)
- background_width - give a width in pixels (default: clock width)
- background_color - define a CSS color value in hex, rgb(a) format, or color name
- background_stretch - Accepts CSS backround image size options "cover" and "contain" (default: no stretching)
- background_position - CSS positioning like "left top", "bottom", "10% 70%" or "10px 20px" (default: "left top")
- background_repeat - background repetition options "repeat", "repeat-x", "repeat-y", "no-repeat" (default: "no-repeat")
- background_border_radius - optional rounded corners value, higher is rounder
Read more about how to use the CoolClock shortcode on https://premium.status301.com/how-to-use-the-coolclock-shortcode/. You can find all the default skins on https://premium.status301.com/coolclock-skins/ with their parameters to copy and reuse for your custom skin trials. Instructions and examples of how to use your custom skin are on https://premium.status301.com/coolclock-custom-skin/.