Sign in to follow this  
Followers 0

Firefox Skinning Guide

334 posts in this topic

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.

0

Share this post


Link to post
Share on other sites

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 :D)

EDIT: Done.

:D

0

Share this post


Link to post
Share on other sites

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.

post-41990-1229038715_thumb.png

0

Share this post


Link to post
Share on other sites
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...

0

Share this post


Link to post
Share on other sites

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)?

0

Share this post


Link to post
Share on other sites

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.

0

Share this post


Link to post
Share on other sites

@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...

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0