hfam95
join:2003-06-20
Woodbridge, VA
2 edits | reply to hifive
Re: [Extension] LCD Clock v0.2 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 |
|
| 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) |
|
 madirishPremium
join:2003-08-04
Cleveland, OH | reply to madirish
this is with RedShift
 |
|
madirishPremium
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. |
|
madirishPremium
join:2003-08-04
Cleveland, OH | reply to madirish
now that the author of my fav theme has created a GreenShift theme here's my green clock!
|
|
| Now that's cool.
May I ask you to post your entire code for that clock?
Thanks. |
|
madirishPremium
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
}
|
|
| 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) |
|
madirishPremium
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.
|
|
