[Sboulema]

Name: LCD Clock
GUID: lcdclock_bloodeye@gmail.com
Author: Bloodeye
Version: 0.4.2
Size: 36KB
Date: 2006-04-13
Compatibility: 1.5 - 3.* 1.5 - 3.*
Platforms: (not specified)
Homepage | mozillaZine | mozillaZine | Discussion

LCD Clock - Is a LCD styled clock. Clock beeps on every hour, half-hour, and quarter hour if so desired. Alarm can be set through context menu. Appearance and display are highly customizable. Will work with all fonts.



Download


PREVIOUS VERSIONS

Quote

Some people at AMI and MZF prefer the previous version, so here it is.

LCD Clock 0.3.1
This version works on 1.5 - 1.6.0.* 1.5 - 3.1

Download

LCD Clock 0.2 is also available here, but it only works on Firefox.

SEAMONKEY VERSION

Quote

Author: Bloodeye
* Modified by: Philip Chee
Version: 0.4.2
Size: 37KB
Date: 2009-07-12
Compatibility: 1.5 - 3.6.* 3.0a1pre - 3.6.* 1.5a - 2.1.*
Requires: xSidebar (Seamonkey 1.0 & 1.1 only)
* xSidebar is not necessary for SeaMonkey 2.0.
xMod Homepage

Download

[Seamaiden]

STYLING
Customize the look of the clock through easy changes in userChrome.css or by using the Stylish extension.

• Background color
  
• Font
  
• Font Size
  
• Font Color
  
• Font\label position

By default, LCD Clock is setup for LCD2 Bold Font for best results. If you change the font, then more than likely you will need to change the size and position.

FONT POSITION SETTINGS

Quote

/* LCD Clock serif font position settings within userChrome.css */
/* Will have to play around with these if using a different font */
.lcd-labels {
position: absolute;
top: 2px !important;
}

.lcd-disp-label[small="true"]{
position: absolute;
left: 10px !important;
}

If the shadow and the font number are not aligned, you will need to play around with the top and left rules to get it aligned correctly.

BACKGROUND & TEXT COLORS

Quote

/* How about a different background and text color. Could change opacity too */
.lcd-fade-label {
opacity: 0.2 !important;
color: #00A651 !important;
}

.lcd-disp-label {
opacity: 1.0 !important;
color: #00FF00 !important;
}

.lcdclock-bgcolor {
background-color: #0000FF !important;
}

Quote

* LCD Clock transparent background */
/* The color of your browser will be displayed instead */
.lcdclock-bgcolor {
background-color: transparent !important;
}

IMAGES

Quote

/* Everything else can be changed including images */
/* These are the images that make up the outline shape */
.lcdclock-lend {
list-style-image: url('chrome://lcdclock/skin/left-endcap.png');
}
.lcdclock-middle {
background-image: url('chrome://lcdclock/skin/mid-section.png');
background-repeat:repeat-x;
}
.lcdclock-rend {
list-style-image: url('chrome://lcdclock/skin/right-endcap.png');
}

/* These are the alarm and pm indicator images */
.lcd-alarm-on {
list-style-image: url('chrome://lcdclock/skin/alarm-on.gif');
}
.lcd-alarm-off {
list-style-image: url('chrome://lcdclock/skin/alarm-off.png');
}
.lcd-pm {
list-style-image: url('chrome://lcdclock/skin/pm-off.png');
}
.lcd-pm[pm="true"]{
list-style-image: url('chrome://lcdclock/skin/pm-on.png');
}

FONTS & SOUNDS
Here are some other fonts and sounds you can add:

Digital Readout Font
7 Segment Font
Royalty Free Clock Sounds