themes

verdi2 · Post by **verdi2** » November 1st, 2003, 5:51 am

when editing chrome.css for my own image on toolbar (jpeg) should i enter a space between original text and what i copy and paste from

Use your own background image for the toolbars

found on...

http://texturizer.net/firebird/tips.htm ... background

Post by **alanjstr** » November 1st, 2003, 7:28 am

Do you mean if you copy userChrome-example.css to be userChrome.css?

verdi · Post by **verdi** » November 1st, 2003, 4:28 pm

have changed userChrome-example.css to be userChrome.css?
did the editing as suggested to change to xp theme and have jane.jpeg up, and ended up with the following userChrome.css...

/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/

/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*
* Some possible accessibility enhancements:
*/
/*
* Make all the default font sizes 20 pt:
*
* * {
* font-size: 20pt !important
* }
*/
/*
* Make menu items in particular 15 pt instead of the default size:
*
* menupopup > * {
* font-size: 15pt !important
* }
*/
/*
* Give the Location (URL) Bar a fixed-width font
*
* #urlbar {
* font-family: monospace !important;
* }
*/

/*
* Eliminate the throbber and its annoying movement:
*
* #throbber-box {
* display: none !important;
* }
*/

/*
* For more examples see http://www.mozilla.org/unix/customizing.html
*/

/* Make menus XP style */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 1px !important;
background-color: Menu !important;
}
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
}

/* Use a background image for the toolbars:
(Substitute your image file for jane.jpeg) */

menubar, toolbox, toolbar, .tabbrowser-tabs {
background-image: url('jane.jpeg') !important;
background-color: none !important
}

Post by **alanjstr** » November 1st, 2003, 6:34 pm

I'm gonna trim out the comments. The comments are fine, though.

Code: Select all

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
/* Make menus XP style */
menupopup, popup {
   border: 1px solid ThreeDShadow !important;
   -moz-border-left-colors: ThreeDShadow !important;
   -moz-border-top-colors: ThreeDShadow !important;
   -moz-border-right-colors: ThreeDShadow !important;
   -moz-border-bottom-colors: ThreeDShadow !important;
   padding: 1px !important;
   background-color: Menu !important;
}
menubar > menu {
   border: 1px solid transparent !important;
   padding: 2px 5px 2px 7px !important;
   margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
   background-color : Highlight !important;
   color: HighlightText !important;
}

/* Use a background image for the toolbars: 
   (Substitute your image file for jane.jpeg) */  

 menubar, toolbox, toolbar, .tabbrowser-tabs { 
   background-image: url('jane.jpeg') !important; 
   background-color: none !important;
 }

I assume jane.jpeg is in your chrome directory. Nothing is jumping out at me as being wrong.

verdi2 · Post by **verdi2** » November 2nd, 2003, 4:17 am

yip jane.jpeg is in chrome folder, am i right in assuming editing this file will cause changes to take effect as soon as i shut down and restart browser, or do i have to go into tools options etc, to make changes... somehow methinks not?

verdi2 · Post by **verdi2** » November 2nd, 2003, 4:25 am

i have copied your config trimmed, into a text document as when i did so in frontpage it did'nt look right (all over the place, sort of had tabs all over it) i then opened my chrome file selected all and deleted (after making a copy of it) and then pasted your edited chrome into mine... still no change.

have i missed a step in the procedure...

all i did was copy the xp style code then personal pic preference code after it, which you have seen and conclude satisfactory???

silly question time... i am editing this in mozilla firebird 0.6.1 its o.k. isnt it??

verdi2 · Post by **verdi2** » November 2nd, 2003, 4:42 am

C:\Documents and Settings\John\Application Data\Phoenix\Profiles\default\mc03wyuk.slt\chrome

userchrome file consists of...

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Make menus XP style */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 1px !important;
background-color: Menu !important;
}
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
}

/* Use a background image for the toolbars:
(Substitute your image file for jane.jpeg) */

menubar, toolbox, toolbar, .tabbrowser-tabs {
background-image: url('jane.jpeg') !important;
background-color: none !important;
}

jane.jpeg size is 929x328 is this too big???

Post by **djst** » November 2nd, 2003, 6:23 am

Try with another image to find out.

Post by **alanjstr** » November 2nd, 2003, 9:37 am

Your CSS:

background-color: none !important;

Is not valid. Try transparent

verdi2 · Post by **verdi2** » November 2nd, 2003, 10:45 am

tried another (smaller) image and entered transparent...

why am i not getting anywhere with this (what seems to be a simple bit of editing) and more importantly dare i edit anything more complex???

Guest · Post by **Guest** » November 2nd, 2003, 10:47 am

p.s. at the moment i have in tools/options/themes/mozilla firebird

desperate thought... should i disable this?

Guest · Post by **Guest** » November 2nd, 2003, 10:49 am

just checked... cant uninstall mozilla firebird aaAAARGH =)

Post by **alanjstr** » November 2nd, 2003, 12:07 pm

Anonymous wrote:p.s. at the moment i have in tools/options/themes/mozilla firebird

desperate thought... should i disable this?

That's the default theme. Did you change the background-color?

verdi2 · Post by **verdi2** » November 2nd, 2003, 12:26 pm

the present state of my userchrome is...

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Make menus XP style */
menupopup, popup {
border: 1px solid ThreeDShadow !important;
-moz-border-left-colors: ThreeDShadow !important;
-moz-border-top-colors: ThreeDShadow !important;
-moz-border-right-colors: ThreeDShadow !important;
-moz-border-bottom-colors: ThreeDShadow !important;
padding: 1px !important;
background-color: Menu !important;
}
menubar > menu {
border: 1px solid transparent !important;
padding: 2px 5px 2px 7px !important;
margin: 0 !important;
}
menubar > menu[_moz-menuactive="true"] {
background-color : Highlight !important;
color: HighlightText !important;
}

/* Use a background image for the toolbars:
(Substitute your image file for metal.jpeg) */

menubar, toolbox, toolbar, .tabbrowser-tabs {
background-image: url('metal.jpeg') !important;
background-color: transparent;
}

verdi2 · Post by **verdi2** » November 2nd, 2003, 12:27 pm

metal.jpeg is a smaller size pic