Tell me more x
, there is a new speed test available. Give it a try, leave feedback!
dslreports logo
 
    All Forums Hot Topics Gallery
spc

spacer

Search Topic:
uniqs
11223
share rss forum feed


madirish
Premium
join:2003-08-04
Cleveland, OH
reply to tahoejeff

Re: [Extension] LCD Clock v0.2

glad it works! Have fun



FastEddie
Premium,Ex-Mod 2001-13
join:2000-12-29
Channel Z
kudos:6

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.






--
Here's To You


Trooper
Premium
join:2005-05-18
USA

1 edit
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.
--
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (mmoy CE 1.5.0.1 K8B-X63)


FastEddie
Premium,Ex-Mod 2001-13
join:2000-12-29
Channel Z
kudos:6

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;
}

--
Here's To You


Diazruanova
Premium
join:2004-08-13
Mexico

3 recommendations

reply 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
--
Diazruanova


La Luna
RIP Lisa
Premium
join:2001-07-12
Warwick, NY
kudos:3
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!!
--
~~Then the rainstorm came over me and I felt my spirit break; I had lost all of my belief you see, and realized my mistake...~~


FastEddie
Premium,Ex-Mod 2001-13
join:2000-12-29
Channel Z
kudos:6

1 edit
reply 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!






--
Here's To You


Diazruanova
Premium
join:2004-08-13
Mexico
Any time
--
Diazruanova

hfam95

join:2003-06-20
Woodbridge, VA

1 edit
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
join:2000-08-13
Morton Grove, IL
reply to madirish
Great thread, thanks...;)...


FastEddie
Premium,Ex-Mod 2001-13
join:2000-12-29
Channel Z
kudos:6

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


downloadLCDClock.zip 103046 bytes



--
Here's To You


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

1 recommendation

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


madirish
Premium
join:2003-08-04
Cleveland, OH
reply to madirish
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
join:2005-05-18
USA
Exactly where do I get that font? And what is your code?

Off topic, what theme is that you have? It looks kinda cool.
--
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (mmoy CE 1.5.0.1 K8B-X63)


Santa Fe
Living With Diabetes.
Premium,Mod
join:2000-08-22
Freight Yard
kudos:5
I believe it's this one, BlueShift
--
Do Egyptian children get visited by the Tooth Pharaoh?


madirish
Premium
join:2003-08-04
Cleveland, OH
reply to madirish

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
join:2005-05-18
USA

1 edit
reply to madirish
Cheers and thanks to you both.

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


madirish
Premium
join:2003-08-04
Cleveland, OH
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
join:2005-05-18
USA
Thanks I will have to keep trying.

This is mine.

hifive

join:2004-08-19
m6p-2y9
reply to madirish
Thanks for the code hfam, very nice work!

hfam95

join:2003-06-20
Woodbridge, VA

2 edits
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.

reply 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
join:2005-05-18
USA
reply 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.
--
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (mmoy CE 1.5.0.1 K8B-X63)


madirish
Premium
join:2003-08-04
Cleveland, OH
reply to madirish
this is with RedShift



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

1 edit
reply to madirish
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
Premium
join:2003-08-04
Cleveland, OH
reply to madirish
Click for full size
now that the author of my fav theme has created a GreenShift theme here's my green clock!



Trooper
Premium
join:2005-05-18
USA
Now that's cool.

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

Thanks.


madirish
Premium
join:2003-08-04
Cleveland, OH
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
join:2005-05-18
USA
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.
--
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.1) Gecko/20060207 Firefox/1.5.0.1 (mmoy CE 1.5.0.1 K8B-X63)


madirish
Premium
join:2003-08-04
Cleveland, OH
reply to madirish
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.