3 new digital clock skins

2009/10/04

We have prepared 3 new digital clock skins for flash clock widget.


Here are some usage examples. Don’t forget that you can always use more customization parameters.

 

File: skin011.png

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<p id="devDigitalClock11"><a href="http://www.xorbin.com/">Digital flash clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        clockSkin: "media/skins/digital/011_729287495/skin011.png",
        digitWidth: "7",
        digitHeight: "10",
        separatorWidth: "6",
        ampmWidth: "18",
        ampm: "false"
    };
    swfobject.embedSWF(
        "devDigitalClock.swf",
        "devDigitalClock11",
        "220",
        "120",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", wmode: "transparent"}
    );
// --></script>

Result

Digital flash clock widget

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<p id="devDigitalClock12"><a href="http://www.xorbin.com/">Digital flash clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        clockSkin: "media/skins/digital/011_729287495/skin011.png",
        digitWidth: "7",
        digitHeight: "10",
        separatorWidth: "6",
        ampmWidth: "18",
        digitsColor: "ffffff",
        panelColor: "000000",
        panelPadding: "5"
    };
    swfobject.embedSWF(
        "devDigitalClock.swf",
        "devDigitalClock12",
        "220",
        "120",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", wmode: "transparent"}
    );
// --></script>

Result

Digital flash clock widget

 

File: skin012.png

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<p id="devDigitalClock21"><a href="http://www.xorbin.com/">Digital flash clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        clockSkin: "media/skins/digital/012_199569217/skin012.png",
        digitWidth: "12",
        digitHeight: "12",
        separatorWidth: "4",
        ampmWidth: "30",
        ampm: "false"
    };
    swfobject.embedSWF(
        "devDigitalClock.swf",
        "devDigitalClock21",
        "220",
        "120",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", wmode: "transparent"}
    );
// --></script>

Result

Digital flash clock widget

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<p id="devDigitalClock22"><a href="http://www.xorbin.com/">Digital flash clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        clockSkin: "media/skins/digital/012_199569217/skin012.png",
        digitWidth: "12",
        digitHeight: "12",
        separatorWidth: "4",
        ampmWidth: "30",
        digitsColor: "ffffff",
        panelColor: "000000",
        panelPadding: "5"
    };
    swfobject.embedSWF(
        "devDigitalClock.swf",
        "devDigitalClock22",
        "220",
        "120",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", wmode: "transparent"}
    );
// --></script>

Result

Digital flash clock widget

 

File: skin013.png

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<p id="devDigitalClock31"><a href="http://www.xorbin.com/">Digital flash clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        clockSkin: "media/skins/digital/013_247262861/skin013.png",
        digitWidth: "12",
        digitHeight: "19",
        separatorWidth: "6",
        ampmWidth: "30",
        ampm: "false"
    };
    swfobject.embedSWF(
        "devDigitalClock.swf",
        "devDigitalClock31",
        "220",
        "120",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", wmode: "transparent"}
    );
// --></script>

Result

Digital flash clock widget

Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<p id="devDigitalClock32"><a href="http://www.xorbin.com/">Digital flash clock widget</a></p>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript"><!--
    var flashvars = {
        clockSkin: "media/skins/digital/013_247262861/skin013.png",
        digitWidth: "12",
        digitHeight: "19",
        separatorWidth: "6",
        ampmWidth: "30",
        digitsColor: "ffffff",
        panelColor: "000000",
        panelPadding: "5"
    };
    swfobject.embedSWF(
        "devDigitalClock.swf",
        "devDigitalClock32",
        "220",
        "120",
        "8",
        "expressInstall.swf",
        flashvars,
        {scale: "noscale", wmode: "transparent"}
    );
// --></script>

Result

Digital flash clock widget

Install digital clock WordPress plugin.


Comments

  • whenx
  • 2010/03/25 06:42

thx a lot…. :)

  • chlorine tablets manufacturers
  • 2011/06/02 10:58

Great. Thanks for sharing with us. Nice script.

  • Jibran
  • 2011/06/15 14:00

hey ,,, how to put in html?? i mean where i have to put this code

Please read this tutorial – How to use flash clock widget.

  • rian
  • 2011/09/18 18:10

I’ve been searching for clocky script to be added via the “text widget” on my wordpress.com, but this didn’t work for me.

  • rian
  • 2011/09/18 18:21

I’m sorry for my comments before. I didn’t read the instruction what is it for. Btw, i found you via google “clocky widget script.”, so I thought i found a “script for clock” so… stupid. But hey, can you help me how to put that flash clock widget without its heading name in sidebar? so it will look like a clock on the wall then (without any accessories around it). I’ve been try some widget that allow us to put it everywhere via script also in our post, but nothing catchy like flash clock widget. I hope you’ll replying.

  • Lisa W
  • 2011/10/20 18:13

The downloads you have don’t include the swf file.

Lisa, please download swf from here: http://www.xorbin.com/widgets/digital-flash-clock/download.

  • SmartTeam
  • 2011/10/23 16:52

Nice Information brother…..thanks

  • skin-ointment-Giant
  • 2012/01/25 08:37

Very cool of you to publish this. thanks a lot.

  • Maavuz Saif
  • 2012/09/05 12:41

Awwwsummmm… this is what i was looking for ;) thanks

  • Felix
  • 2012/12/15 03:46

Would love to see the digital clock as plugin for wordpress! I don’t know where to put the code for all the editing, even though I managed to get something into my sidebar. But it doesn’t look usable at the moment.

  • Donatas
  • 2013/04/12 11:15

I am happy to announce that digital clock plugin for WP is released. You can find it here:
http://wordpress.org/extend/plugins/xorbin-digital-flash-clock/

  • Tim
  • 2013/05/08 08:58

Thanks for the clock designs, been searching for ages for something like this. simple but effective design.

Download 5 new skins here.

Leave a comment



Funny Quotes

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close