dslreports logo
 
    All Forums Hot Topics Gallery
spc
Search similar:


uniqs
11999

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

madirish to tahoejeff

Premium Member

to tahoejeff

Re: [Extension] LCD Clock v0.2

glad it works! Have fun


FastEddie

join:2000-12-29
Channel Z

FastEddie


Has anyone been able to find a way to get ride of the "shadows of the numbers not displayed"? It would make it much easier to read and also give it a cleaner appearance.






Trooper
Premium Member
join:2005-05-18
USA

1 edit

Trooper

Premium Member

Not sure yet. Altho the code you posted does not work the same for me. If I use your code it blue background on black numbers.

FastEddie

join:2000-12-29
Channel Z

FastEddie


Here's the full code I use that includes the place where you can change the background color. I use a photo editor to get the color number but you can also find them here Color Codes

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

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

Diazruanova
Premium Member
join:2004-08-13
Mexico

3 recommendations

Diazruanova to FastEddie

Premium Member

to FastEddie
Hi FE,

this is working for me:

.lcd-fade-label {
opacity: 0.1 !important;
color: #FF0000 !important;
}

The important thing here in order to get rid of the "shadows of the numbers" is to lower the opacity value: between 0.0 and 0.2 should be fine.

The color of course, will be irrelevant

Diazruanova

La Luna
Fly With The Angels My Beloved Son Chris
Premium Member
join:2001-07-12
New Port Richey, FL

La Luna

Premium Member

said by Diazruanova:

Hi FE,

this is working for me:

.lcd-fade-label {
opacity: 0.1 !important;
color: #FF0000 !important;
}

The important thing here in order to get rid of the "shadows of the numbers" is to lower the opacity value: between 0.0 and 0.2 should be fine.

The color of course, will be irrelevant

Diazruanova
Yes it does work!!

FastEddie

join:2000-12-29
Channel Z

1 edit

FastEddie to Diazruanova

to Diazruanova

Thanks Diazruanova See Profile

I put it in my userchrome and set the opacity to 0.0 and the shadows disappeared.

Great work!






Diazruanova
Premium Member
join:2004-08-13
Mexico

Diazruanova

Premium Member

Any time
hfam95
join:2003-06-20
Woodbridge, VA

1 edit

hfam95

Member

I wish I knew you had that problem. I would have told you that earlier. I left mine slightly shadowed to give that real digital feel.

Here is my complete code:

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

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

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

.lcd-fade-label {
opacity: 0.25 !important;
color: DimGrey !important;
}

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

kcazzie to madirish

Premium Member

to madirish
Great thread, thanks...;)...

FastEddie

join:2000-12-29
Channel Z

FastEddie


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.