Firefox Skinning Guide

I need some help. I have the Tiger Safari for windowsblinds graphite theme applied to me Firefox using Safire 1.09 but the scrollbar and buttons stay like aqua but the close, minimize, and maximize buttons are graphite how come?

Because you're using Safire. Windowblinds doesn't theme Firefox's scrollbars. Change your Firefox theme.

#379388

Xyb: Thank you so much for this write up... and it was a simple mod to do.. I'm luvin it. :)

No prob, im just glad someone actually used it :)

#379391

I am wondering if there is a way to make text in the bookmarks toolbar appear 3d like in Safari? Or do I just have to get as close as I can with a custom font....

#379572

Anyone know the code to make the firefox theme to inherit the Visual Style's scrollbar? So I don't have to manually edit the scrollbar images in the theme. Thanks.

#380179

Adding "google" to your searchbar

1. Make a copy of the theme that you are currently using.

2. Open the theme with winrar.

3. Open the browser folder and find the searchbar.css

4. Find the section called ".searchbar-engine-image"

5. Edit the width to your personal preference. I used 65px because that was the width of the gif. Save it and there should a message that says " Do you wish to update the archive?". Click yes, this means that it is going to save directly into the theme.

6. Then, go into your c:programfilesmozillafirefoxsearchplugins and paste the google gif. If the new google gif doesn't overwrite the original, move or delete it from the folder.

7. Install the theme and there you go!

googlesearchbar8wy.png

There is only one downside, the image does not go away when you click the search area, and the text begins after the image. But I personally don't use that searchbar, so if you want it to look good, then this is for you. :o

is there anyway to get rounded edges for the address bar?? Edit: I am using the SaFire theme

#382873

Im pretty sure there is an extention from firefox. Just search around there extention site. :)

#382881

well i found one on the firefox, its called well rounded but it doesnt work well with SaFire...it kills the url bar.....

post-6393-1145919823_thumb.jpg

bustedurl.jpg
bustedurl.jpg

#382891

eeep =

Well, hopefully someone else has other ideas. But I think it might have to do with the theme, im not sure.

#382898

Does anyone know the code so that Firefox will inherit the Visual Syle's font?

#382914

No one answered the rounded address bar question?

Go to the Safire Deviantart page and look at the Userchrome edits. It's the first one listed.

Safire

#382920

Anyone know the code to make the firefox theme to inherit the Visual Style's scrollbar? So I don't have to manually edit the scrollbar images in the theme. Thanks.

This, too, is a userchrome edit if you're using Safire (or pretty much any theme based on Safire). Look at the link above in the userchrome section. ;)

#383135

No one answered the rounded address bar question?

Go to the Safire Deviantart page and look at the Userchrome edits. It's the first one listed.

Safire

thanx!! that was it..lol i didnt even go that far down when i dled this theme

#383251

I was just wondering how people are getting that book icon in their bookmarks toolbar.

Thanks!

#383328

I think the compact menu does that for you.

#383331

lol no wonder I don't have the book icon. I'm not using compact menu. Anyways, thanks for the tip!

#383368

hi, i want to know how i can put 0px borders in my firefox so that way it could look more to the safari, thanks

#384237

depends on the theme you are using for windows

#384238

theres no a userchrome code for it? im using kol's tiger 2 vs and safire for ff

#384239

I dont think that is borderless...safire doesnt change everything in the theme, mainly the scrollbars, titlebars and so on, that is done by the theme and in this case kols tiger theme. Just look for some borderless themes, kavin's synergy theme is borderless ;)

#384245

Change Font for your tab (Edit the font and size to your likings)

tab {

font-family: "Segoe UI" !important;

font-size: 10px !important;

font-weight: regular !important;

}

Change the Font for your bookmarks " "

.bookmark-item > .toolbarbutton-text {

font-family: "Segoe UI" !important;

font-weight: bold !important;

font-size: 11px !important;

}

I dont think this was said.. Change the size of your searchbar

#search-container, #searchbar {

-moz-box-flex: 200 !important;

-max-width: none !important;

}

where exactly do i go to change the text in my jar file?

#384499

You go to your userchrome.

#384510

thanks that helped. how can i change the text in the search bar?

#384515

Change the Font of your searchbar

.textbox-input-box {

font-family: HandelMod !important;

font-weight: normal !important;

font-size: 9pt !important;

margin-bottom: 1px !important;

}

#384517

nice nice appreciate your help blaze, also you know how you click down on a bookmark arrow, yeah the font isnt changed there. anyway we can change the font there as well?

#384518

It is either this one

.tabbrowser-tabs .tab-text2 {

font-family: HandelMod !important;

font-weight: normal !important;

font-size: 8pt !important;

padding-top: 1px !important;

}

Or this one

.bookmark-item > .toolbarbutton-text {

font-family: "HandelMod" !important;

font-weight: normal !important;

font-size: 11px !important;

}

Edit: I think you were talking about the menu, I presume?

menulist {

font-family: HandelMod !important;

font-size: 9pt !important;

font-weight: normal !important;

}

#384519