Firefox Skinning Guide

[oLO]

Hi guys,

2 questions:

1. I want to modification some elements in Firefox theme and I unrar .jar file. If I have done my modification, how I save it as .jar file (Firefox 1.5.0.4). When I pack it as rar and next rename .rar as .jar, my firefox installing theme, and after instalation it clears from themes sidebar.

2. I used zerroeffect's theme Eternal Aqua 1.5 and beyond and enjoyed (with the exception of "milk" throbber - I prefer "safari-safire" throbber; is possible change it?). Once I find update for this theme 3.3, and installing... and if I use this theme, I nothing see in firefox window... only gray background. How I may fix it?

[nightcrawler1089]

Hiding the Toolbar: http://www.aqua-soft.org/board/showthread.php?t=36979

-NC

[Mickeye]

Hi. I'd like to ask if somebody knows, how the get rid of activity indicator on tabs. I'm using BazonBloch Safire for Fx based skin named PowerMetal, Tab Mix Plus 0.3.0.5 and Firefox 1.5.0.6. I appreciate every help. Thanks.

M.

[Capric0rn]

Is it possbile to stop FireFox from making my inactive tabs small?

[Xyb`]

What do you mean small? Screeny?

[Capric0rn]

The images for both left and right are the same hight but the right one is smaller then the left one.

How can I make the right one bigger in height?

[Xyb`]

Thats how the tabs are, I don't think you can change it. It all depends on the skin you are using with FF.

[Capric0rn]

It doesn't get smaller in the Flock theme.

I could search in there but I wouldn't know what to search for

I have another question; how can I remove the Go text from the Go button?

[Xyb`]

Thats because the flock theme is a different theme. It all depends on what theme you are using.

[Capric0rn]

I understand that part

If I know which part I need to have, could I add that to my userchrome?

[smoovie]

Is there a CSS code to import the tabs from the skin you are useing? Like the code for menus and scrollbars. Thanks.

[Austin123]

Is there a CSS code to inport the tabs from the skin you are useing? Like the code for menus and scrollbars. Thanks.

How do you inport scrollbars and menus?

[smoovie]

@import url("chrome://global/skin/subskin/systemmenus.css");

@import url("chrome://global/skin/subskin/systemscroll.css");

@import url("chrome://global/skin/subskin/applebutton.css");

Copy to your userChrome

You're welcome.

//Posts Merged. You're welcome . -NC

[Austin123]

awesome, gracias smoovie

[Three12]

Hi, I have been working on this problem pretty much all day and have searched both here and on the mozillazine forums for an answer. What I need to know is how can I center the text and also change the text color on the bookmark bar? The only code I have found in reference to this is the following which doesnt seem to work when put into either the UserChrome.css or tabbox.css. The text stays black and will not center. Is there something I am missing? Any help would be greatly appreciated.

.bookmark-item > .toolbarbutton-text {

font-family: "Avant Garde" !important;

font-weight: regular !important;

font-size: 10px !important;

color: #887A6D;

text-align:center;

}

A shot of the theme I am working on is here.

Update: I found out where to change the text color... the above code goes in browser.css in the jar's "browser" directory. Now just need to find out how to center the bookmark bar's items.

[Inplode]

http://img237.imageshack.us/my.php?image=chromenoobks0.jpg

what am i doing wrong

[xizor227]

The lines shoudl read like this

@import url("chrome://global/skin/subskin/rounded.css");

@import url("chrome://global/skin/subskin/applebutton.css");

You seem to have removed the @import URL part

The fav icons part shoudl read as such

/* Remove favi icons*/

.tab-icon {

display: none !important;

}

Hope those help

[Capric0rn]

In the newest beta from FireFox there is no mouseover image from the VisualStyle, I hope I'm explaining this the right way

How can I add that feature to FireFox 1.5?

I mean I only want to see the mouseover Icon from the theme instead of a box surrounding it.

[Inplode]

The lines shoudl read like this

@import url("chrome://global/skin/subskin/rounded.css");

@import url("chrome://global/skin/subskin/applebutton.css");

You seem to have removed the @import URL part

The fav icons part shoudl read as such

/* Remove favi icons*/

.tab-icon {

display: none !important;

}

Hope those help

thx all workd but the rounded url :/

[Capric0rn]

Are you sure the "rounded.css" file is in the theme you are using?

Edit: It's not in the bister firefox theme

I had a userChrome edit for it but I cant find it anymore

-----

Does someone know the awnser to this?

In the newest beta from FireFox there is no mouseover image from the VisualStyle, I hope I'm explaining this the right way

How can I add that feature to FireFox 1.5?

I mean I only want to see the mouseover Icon from the theme instead of a box surrounding it.

[Inplode]

yea im not sure if its there or not im learning to NO !!!!

[Capric0rn]

I've looked in the jar file for you in before I posted it and it isn't there

[Inplode]

anyway to add it ? or shuld i just move on

[Capric0rn]

Well it uses some images from for the original skin but I'm sure you can edit those

[Inplode]

lol i have NO skills in Photoshop