Analog Clock
nav_first.pngFirst: package:1
Wikidot per-site help
Edited: 08 Nov 2009 12:06 by: pieterh
Comments: 0
Tags:
nav_prev.pngPrevious: package:7
CSS elegant code brackets
Edited: 22 Dec 2009 11:29 by: pieterh
Comments: 0
Tags:
Last: package:49
Advanced Search
Edited: 01 May 2012 12:30 by: tsangk
Comments: 68
Tags:
nav_last.png
Next: package:9
MP3 Player
Edited: 11 Sep 2011 13:58 by: leiger
Comments: 6
Tags:
nav_next.png

Analog Clock
Package submitted by pieterh
08 Nov 2009 11:10

rating: 0+x

Add an analog clock to your Wikidot site.

Instructions

CSI packages site | Development blog | Edit documentation

  1. Copy and paste the code into one of your pages
  2. Then enter the values you want using the attribute table
  3. Save your page — it's that easy! :)

[[include :csi:include:analog-clock
|color=
|timezone=
|width=
|height=
|title=
]]


You can use all of these attributes, or you can delete some of them and the default values will be used instead. If you want, you could just type [[include :csi:include:analog-clock]] and it would work!

Attributes

After changing some of these settings, clear your cache (Ctrl+Shift+Del), then refresh the page (Ctrl+R) to see the changes.

Attribute Required Description Examples Default
color No A hex value for the clock's colour. color=595858
color=267F00
color=555555
timezone No The timezone that the clock should use.
See below for a list of all supported timezones.
timezone=AU-SA
timezone=AU-VIC
timezone=PL
timezone=US-NY
timezone=US-AL
timezone=UMT
width No Width (x100) of the clockface. Whole numbers only. width=2 for 200px
width=3 for 300px
width=2
height No Height (x100) of the clockface. Whole numbers only. height=2 for 200px
height=3 for 300px
width=2
title No The text that appears beneath the clockface title=South Australia
title=Poland
No title

Timezone selector

There are 498 possible time-zones. I suggest that you use the search function of your browser (activated by pressing Ctrl+F) to find the country and city that you live in.

Include files

analog-clock By pieterh 08 Nov 2009 12:02

Comments: 1

Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License