Firefox Skinning Guide

[LOX311]

um you press customize and drag everything into the empty space....then hide the nav bar by unchecking it.....that gets rid of the gap....

now to get rid of the border put this in the userchrome.css using the cromedit extension

#toolbar-menubar {

min-height: 12px !important;

padding-right: 0px !important;

margin-right: 0px !important;

border: none !important;

}

#nav-bar {

border: none !important;

padding: 0px !important;

}

#PersonalToolbar {

border: none !important;

}

#navigator-toolbox {

border-bottom-width: 0px !important;

}

thank you buddy"

[Slewed]

how do you remove the search "go" button in firefox 2.0?

i tried googling it but all the recommendations only work for hiding the go button, not the search button [including chrome edits]...

also how do you remove the nasty box/arrow dropdown from the left hand side, ive just had to do with sticking it on my favourite search engine and then removing that box...

[Guest lamer]

are Firefox 2.0 users stuck with the ifox series of themes? i so miss Safire

[nrossow]

I believe you can remove the 'go' button by right-clicking a toolbar and choosing 'customize.' Then simply drag it off.

if that doesnt work it is because i didnt see that you had 2.0

sorry

[jlee]

theres a add-on to remove the go button. "No Go Buttons 0.1.1"

https://addons.mozilla.org/firefox/3472/

[brok3n]

Hello everybody, can someone tell me how to edit the css in firefox 2 to display tab's font the way i choose? I mean, in firefox 1.07 i used to edit userchrome css with the font family and everything worked out nicely. Now with ff2 it doesn't.

[theaulddubliner]

what was the code you used in 1.07 ?

[brok3n]

Hi, it was like this

/* Make the active tab not bold */

tab[selected=true] {

font-weight: normal !important;

}

.tabbrowser-tabs .tab-text {

font-family: HandelGotD !important;

font-weight: normal !important;

font-size: 9pt !important;

-moz-opacity: 0.4 !important;

padding-top: -1px !important;

}

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

-moz-opacity: 0.4 !important;

padding-top: -1px !important;

}

.tabbrowser-tabs .tab-text2 {

font-family: HandelGotD !important;

font-weight: normal !important;

font-size: 9pt !important;

-moz-opacity: 0.8 !important;

padding-top: -1px !important;

}

I'm using windowblinds and can't figure out how to set fonts

[acokm]

I want to use system VS buttons. I used buttons.css code from Firefox default theme, but extensions panel buttons look like Windows 98: see.

[sean.fletcher]

I tried searching, but I can't search in the thread for some reason?

ANYWAY, how do you set safari-like gradients on tabs?

Not just for one tab, but like in the Eternal 1.5 theme; the gradient goes all the way across the bar.

(the active tab matches the toolbar above it)

Sorry if that was a little incoherent. I'm really tired.

Also sorry that I couldn't descirbe it better. It seems my vocabulary has been reduced to about 50 words,

[gogsythreat]

Does anyone have a copy of the old version of the stop/reload button for Firefox 1.5.0.9. The downloads have all been updated to Firefox compatible.

Anyone?

[nightcrawler1089]

Does anyone have a copy of the old version of the stop/reload button for Firefox 1.5.0.9. The downloads have all been updated to Firefox compatible.

Anyone?

Looks like you answered your own question . For other people interested, here's the answer:

http://www.aqua-soft.org/board/showthread.php?t=40915

-NC

[colophon]

So I noticed on some FF themes that it's possible to have text that has an embossed effect. How would one go about achieving this effect on a theme like Safire? What CSS would we have to edit in order for it to work?

Btw, this question was asked in this thread, but no one has answered it and rather than bumping that old thread, I wanted to ask here.

I have Firefox 1.5.

[Gideon007]

hi, does anyone know what to edit in the jar files to have the addons listing have changing background colors for each listing, so the first on the list has a light blue background, the next one white, then light blue again, white....

http://img187.imageshack.us/my.php?image=addonsxt2.jpg

[metallicamaster3]

ugh i have no hope.....i am running v1.5.0.7 and i cant figure any of this out...i was lost in the [application data] as i dont have a folder in that area =-....my skin is good considering the only thing good about it is the buttons, and titlebar, and even there my icon up in the left corner is still firefox......my scrollbars are also good but the up/down buttons arent stacked at the bottom....o well, you never said Windows was great!! i think i'll stick with my Mac from now on instead of trying to make my PC look like something its not....

[gogsythreat]

If you need the previous versions of FF1.5 look here

http://www.mozilla.com/en-US/firefox/releases/1.5.0.10.html

[metallicamaster3]

Wheres the UserChrome folder?! i cant find it in my %application data%. i am so confused i really want my FF to look like safari but so far it aint working for me....

i have FF v2.0.0.2

[fiatfreak]

Hello!

I had some problems skinning my FF2.0 to look like Safari.

1. I want Safari-Like Fonts... which do I need? Are them Lucida Fonts?

2. My Tabs aren't skinned and there is a line between the bookmarks bar and the tabs. Can someone help me to improve that?

Regards

Chris

[metallicamaster3]

i have a problem. i cannot find my userchrome in %userdata%. i dont know if that is a problem.....my Firefox looks 100% liike safari right now....except for one thing. my Progress meter in the Address bar is just a regular blue. i need it to have the endless-aqua one,....anyone have any suggestions?

[Stony]

I'm using iFox Metal Theme for Firefox 2.

Is there any way to make the tab corners round, like they are in Safari??

[nrossow]

I don't have Safari, so I don't know how rounded the tabs are, but here the code you're looking for:

tab[selected=true],

tab:hover:active[selected=true] {

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

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

}

(Increase the radius to make the tab more rounded)

[Stony]

I tested it already but it did'nt work with this theme

[nrossow]

Hmm. maybe this then:

tab[selected=true],

tab:hover:active[selected=true] {

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

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

}

[Stony]

Sry, nor this works.

[nrossow]

Okay, one more try:

tab {

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

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

}