Firefox Skinning Guide

[d25inferno]

Hey can someone help me out. Ive tried to use Firefox 3 with my windows blinds skin (I have windowsblinds 6.0) and though everything skins fine the menus on firefox 3 come out messed up. I tried skin titlebar only and the enable if menus appear blank in application but this just causes the menus to expand and only lets some options in the menu become visible. Has anyone else had this problem/ found a solution. It is really annoying and is preventing me from making the switch. Oh yeah I have Vista 32 bit.

[Phoshi]

I have the same problem.

On home premium.

[Phoshi]

Solved somehow.

Dunno how.

Anyway, FF looking much nicer now, but is there any way to get my bookmarks toolbar centered?

(I don't care if it isn't like that on a mac, look below my avatar )

EDIT: Done.

[quite]

if anyone's still checking this thread, could someone tell me which file i need to edit in the .jar file of my theme to get rid of the one pixel thick white line on the bottom of my active tabs (see attachment).

i've checked all the files in global/toolbar, but i can't seem to track down the one responsible. i'm sure i'll work it out eventually, but any help to speed it up would be appreciated.

[kinsemon]

if anyone's still checking this thread, could someone tell me which file i need to edit in the .jar file of my theme to get rid of the one pixel thick white line on the bottom of my active tabs (see attachment).

i've checked all the files in global/toolbar, but i can't seem to track down the one responsible. i'm sure i'll work it out eventually, but any help to speed it up would be appreciated.

probably in global/tabbox.css...

[quite]

thanks kinsemon,

i've had a root around in that file and tried changing a few values, but i can't seem to track down the rogue element that is causing the border.

here is the text of the file:

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

/*** TAB: TOP ***/

/*kein Effekt*/

tab {

-moz-appearance: none;

-moz-box-align: stretch;

color: #000000;

padding: 0px;

}

/*kein Effekt*/

.tab-border-top-left {

background-color : #DEDEDE;

border-bottom : 0px solid;

-moz-border-bottom-colors: #FFFFFF #CECECE #000000;

width: 0px;

}

/*höhe festgelegt, Hintergrund in Nichtstandardtableist, z.B. Erweiterungseistellungen*/

tabs {

min-height: 22px!important;

/* max-height: 22px!important; */

margin-bottom: 0px;

padding-left: 8px;

background: url('chrome://global/skin/toolbar/tabback.png') repeat;

}

/*** tabbox tab***/

tab {

margin-top: 1px;

margin-right: 0px;

margin-bottom: 0px;

margin-left: 0px;

min-height: 21px!important;

max-height: 21px!important;

border-top: 1px solid;

-moz-border-top-colors: transparent;

border-right: 1px solid;

-moz-border-right-colors: #616161 /* #454545 #989898 */;

border-bottom: 0px solid;

-moz-border-bottom-colors: transparent;

border-left: 1px solid;

-moz-border-left-colors: transparent;

-moz-border-radius-bottomleft: 0px;

-moz-border-radius-bottomright: 0px;

-moz-border-radius-topleft: 1px;

-moz-border-radius-topright: 1px;

padding: 2px 3px;

background-color: transparent;

}

tab[beforeselected=true] {

border-top: 1px solid;

-moz-border-top-colors: transparent;

border-right: 1px solid;

-moz-border-right-colors: transparent /* transparent transparent */;

border-bottom: 1px solid;

-moz-border-bottom-colors: transparent;

border-left: 1px solid;

-moz-border-left-colors: transparent;

}

tab:hover,

tab:hover[afterselected=true],

tab:hover[first-tab=true][selected=false] {

margin-top: 1px;

border-top: 1px solid;

-moz-border-top-colors: #535353;

border-right: 1px solid;

-moz-border-right-colors: #616161 /* #454545 #8D8D8D */;

-moz-border-radius-topright: 0px;

border-left: 1px solid;

-moz-border-left-colors: transparent;

border-bottom: 1px solid;

-moz-border-bottom-colors: transparent;

background: url('chrome://global/skin/toolbar/tabboxinactive-hov.png');

}

tab:hover[beforeselected=true],

tab:hover[first-tab=true][beforeselected=true] {

margin-top: 1px;

border-top: 1px solid;

-moz-border-top-colors: #535353;

border-right: 1px solid;

-moz-border-right-colors: transparent /* transparent transparent */;

border-left: 1px solid;

-moz-border-left-colors: transparent;

border-bottom: 0px solid;

-moz-border-bottom-colors: transparent;

background: url('chrome://global/skin/toolbar/tabboxinactive-hov.png');

}

tab[first-tab=true]{

border-left: 1px solid;

-moz-border-left-colors: #616161;

}

tab[selected=true],

tab:hover:active[selected=true] {

margin-top: 0px;

margin-right: 0px;

margin-bottom: 1px;

margin-left: 0px;

border-top: 0px;

min-height: 22px!important;

max-height: 22px!important;

padding-top: 4px !important;

/* -moz-border-top-colors: transparent; */

border-right: 1px solid;

-moz-border-right-colors: #616161;

border-bottom: 2px solid;

-moz-border-bottom-colors: #707070 #CACACA;

border-left: 1px solid;

-moz-border-left-colors: #616161;

-moz-border-radius-bottomleft: 2px;

-moz-border-radius-bottomright: 2px;

-moz-border-radius-topleft: 1px;

-moz-border-radius-topright: 1px;

background: url('chrome://global/skin/toolbar/tabboxactive-middle22.png') top left;

background-repeat: repeat-x !important;

}

/* ..... tab text ..... */

.tab-text {

margin: 1px 2px 0px 0px !important;

text-align: center;

}

/* *|tab[beforeselected=true] .tab-text {

margin: 1px 2px 0px 0px !important;

}

*|tab[selected=true] .tab-text {

margin: 3px 4px 0px 0px !important;

}

*/

anything jump out at you (or, indeed, anyone)?

[shadyblues13]

I'm on the Mac with Firefox 3.05, could someone create a script that actually works to make the close tab go to the opposite side on grApple Delicious, (the right side as apposed to the left) and in adition to make tabs smaller horizontally, so they don't take up as much room on the tab bar.

[kinsemon]

@quite...

in the line: -moz-border-bottom-colors: #707070 #CACACA;

change #CACACA

to #9d9d9d.

@shadyblues13...

-in addressbar, type: about:config

-go to: browser.tabs.tabMaxWidth

-right click>modify>

-type in any number you want, start with 200...

[shadyblues13]

And for the right sided close button. Mines on the left anfd I would like it on the right.

or not...

Do not double post - use the edit function - mps69