dslreports logo
 
    All Forums Hot Topics Gallery
spc
Search similar:


uniqs
11998

FastEddie

join:2000-12-29
Channel Z

FastEddie to kcazzie

to kcazzie

Re: [Extension] LCD Clock v0.2


Here's a zipped file containing: the LCD clock extension,fonts and userChrome code to get you set up.


LCDClock.zip
103046 bytes



kcazzie
One Of Jerry's Kids
Premium Member
join:2000-08-13
Morton Grove, IL

1 recommendation

kcazzie

Premium Member

Thanks FastEddie See Profile, have it up and running just fine...

madirish
Premium Member
join:2003-08-04
Cleveland, OH

madirish

Premium Member

well,after playing around alittle bit finally got everything lined up,color set to what I want ect.Using Digital Readout Thick font.


Trooper
Premium Member
join:2005-05-18
USA

Trooper

Premium Member

Exactly where do I get that font? And what is your code?

Off topic, what theme is that you have? It looks kinda cool.

Santa Fe
BUT.....I Digress!

join:2000-08-22
Freight Yard

Santa Fe

I believe it's this one, BlueShift

madirish
Premium Member
join:2003-08-04
Cleveland, OH

madirish

Premium Member


Santa Fe is correct BlueShift (aslo like RedShift).

code:.lcd-labels {
font-family: Digital Readout Thick !important;
font-size: 2.0em !important;
padding: 0px 2px !important;
margin: 0px !important;
top: 0px !important
}

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

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

.lcdclock-bgcolor {
background-color: #33CCFF !important;
}


Trooper
Premium Member
join:2005-05-18
USA

1 edit

Trooper to madirish

Premium Member

to madirish
Cheers and thanks to you both.

EDIT: Mine does still not look like yours tho madirish.

madirish
Premium Member
join:2003-08-04
Cleveland, OH

madirish

Premium Member

said by Trooper:

Cheers and thanks to you both.

EDIT: Mine does still not look like yours tho madirish.
just have to keep on fussing with the code.

check this new clock out-the colon blinks-still in alpha though-doesn't tell anything but time.

get it here: »hyperupload.com/download ··· xpi.html

Trooper
Premium Member
join:2005-05-18
USA

Trooper

Premium Member

Thanks I will have to keep trying.

This is mine.
hifive
join:2004-08-19
m6p-2y9

hifive to madirish

Member

to madirish
Thanks for the code hfam, very nice work!
hfam95
join:2003-06-20
Woodbridge, VA

2 edits

hfam95

Member

NP. its just a grouping of code from different people, modified to fit my need.

The only thing I wish I could do is make the colon be more predominant.

firefoxs rock to FastEddie

Anon

to FastEddie
Just downloaded your zipped file and installed the LCD extension,but which folder I need to place to get it work???do I need to copy those extension,fonts and userChrome code to this folder to make it done???"C:\Documents and Settings\XXX\Application Data\Mozilla\Firefox\Profiles\XXX.default\extensions\lcdclock_bloodeye@gmail.com" please advice,thanks

Trooper
Premium Member
join:2005-05-18
USA

Trooper to madirish

Premium Member

to madirish
madirish,

Just grabbed that alpha and it's pretty seet indeed. Thanks for the heads up.

@ firefoxs rock - You need to to install the extension by clicking and dragging it to the extension list, which is found by going to Tools/Extensions. Drap and drop the xpi file there and it will install it. (You will have to restart firefox).

The fonts need to be extracted to C:\Windows\Fonts.

To view the LCD clock go to View/Toolbars and Customize. Look in that folder and you will see the LCD clock. From there, drag and drop it do where you want it to be placed on your FF toolbar.

Finally is the userchrome.css file which you need to open up in a text editor such as notepad. This can be found at C:\Documents and Settings\%username%\Application Data\Mozilla\Firefox\Profiles\profilename\chrome folder. Open up that file and paste in the code that was mentioned here, or at that authors site to tweak to your liking. (Do this with FF CLOSED).

Open up FF and enjoy that new clock.

Cheers.

madirish
Premium Member
join:2003-08-04
Cleveland, OH

madirish

Premium Member

this is with RedShift

madirish

1 edit

madirish

Premium Member

To add alittle different background frame-add this code to your userChrome.css file:

clockbutton
{
-moz-appearance: none !important;
border: rgb(0,0,0)1px solid !important;
-moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight !important; -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
-moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight !important;
}

code was supplied by zoriv from MOFO



edit:by changing the 1px (in the line border: rgb(0,0,0)1px solid !important; ) to 2px or whatever you like you can change the boarder As seen in the 2nd pic.
madirish

madirish

Premium Member

Click for full size
now that the author of my fav theme has created a GreenShift theme here's my green clock!


Trooper
Premium Member
join:2005-05-18
USA

Trooper

Premium Member

Now that's cool.

May I ask you to post your entire code for that clock?

Thanks.

madirish
Premium Member
join:2003-08-04
Cleveland, OH

madirish

Premium Member

said by Trooper:

Now that's cool.

May I ask you to post your entire code for that clock?

Thanks.
.lcd-labels {
font-family: Digital Readout Thick !important;
font-size: 2.0em !important;
padding: 0px 2px !important;
margin: 0px !important;
top: 0px !important
}

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

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

.lcdclock-bgcolor {
background-color: #33FF66 !important
}


Trooper
Premium Member
join:2005-05-18
USA

Trooper

Premium Member

Thanks very much. Mine still looks a bit different from yours, but perhaps it's because you are on a different build.

Id like to get rid of the shadows a bit more to. Back to tweaking for me.

Here is what it looks like on mine.

madirish
Premium Member
join:2003-08-04
Cleveland, OH

madirish

Premium Member

Once you get everything set then you can frame it with gold-or any color you want.Here's the code I used:

clockbutton
{
-moz-appearance: none !important;
border: rgb(0,0,0)4px solid !important;
-moz-border-top-colors: ThreeDShadow #FFD700 ThreeDHighlight #FFD700 !important; -moz-border-right-colors: ThreeDShadow #FFD700 ThreeDShadow #FFD700 !important;
-moz-border-bottom-colors: ThreeDShadow #FFD700 ThreeDShadow #FFD700 !important;
-moz-border-left-colors: ThreeDHighlight #FFD700 ThreeDShadow #FFD700 !important;
}

just replace #FFD700 with whatever color you want.