Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

kick52

macrumors member
Original poster
Aug 2, 2007
90
0
England
Mine is pretty simple.

main1.jpg


Extensions:

ext1.jpg


My userchrome.css is set up to get rid of the annoying blue highlight of tab text, and to put some padding to the right of the search box:

Code:
.tabbrowser-tab .tab-text { 
border: none !important; }

#search-container {
padding-right: 4px !important;
}

I also have a setting in about:config to hide the go buttons.

Now, lets see your fox!
 

clevin

macrumors G3
Aug 6, 2006
9,095
1
i will post my MB's firefox when I get to office. here is a linux's firefox 2.0.0.6

I normally use NS9 beta on mac and firefox 3.0 alpha on linux tho, and as of now, 3.0 alpha really have very limited number of compatible extensions and themes, in which case, I only install adblock+
screenshot2sq0.png
 

Nightkrawler

macrumors regular
Sep 4, 2006
171
0
Vienna, Austria
I would rename the thread in "post your browserlayout" or so :)
anyway
My goal is to make firefox look and act similar to safari, but with more comfort and a lot more functions.
How to make firefox look similar to this.
The flickering has to do with TMP, and some bugs with TabPreview in OSX :mad:. i fixed it partially by manually setting some things in my userchrome.css (position of tab preview, margin/padding..) I also fixed the ugly yellow color around tabpreview by changing the color of tooltips in firefox. (look for the userchrome.css in my other post) For a list of all extensions take a look at extensions.pdf in the attachments.
@Iamtherealwoody:
did you do everything thats in the howto? it looks like its missing UNO shade and all of the mods. Im asking because i couldnt really try my howto by myself, so i have to see if it works for others :(
 

Attachments

  • firedragon2.png
    firedragon2.png
    628.9 KB · Views: 254
  • Bild 4.jpg
    Bild 4.jpg
    347.4 KB · Views: 214
  • extensions.pdf
    48.3 KB · Views: 157

Iamtherealwoody

macrumors 6502
May 28, 2007
369
0
Gainesville, Florida
@Iamtherealwoody:
did you do everything thats in the howto? it looks like its missing UNO shade and all of the mods. Im asking because i couldnt really try my howto by myself, so i have to see if it works for others :(

I added UNO myself before I saw your how to, dont know if theres a difference between UNO and UNO shade. I installed all of the addons they all work well, imported the TMP prefs. I also checked and I dont have the folder /Users/YOURUSERNAME/Library/Application Support/Firefox/Profiles/RANDOM.default/chrome
I created on and put the contents from the archive Archive.zip folder. That didnt do anything, then I tried to add that stuff /Users/YOURUSERNAME/Library/Application Support/Firefox/Profiles/36w3i1ic.default
which is the only folder that I have and it un-did all the UNO stuff, luckily I backed it up first.
Im going to try copying the contents of the Archive and over writting only the stuff it wants to instead of replacing the whole folder.
Ill let you know how it goes.
 

Nightkrawler

macrumors regular
Sep 4, 2006
171
0
Vienna, Austria
If you are happy with the firefox as it is now, then don't use my chrome settings because they are for uno shade modded only :(

UNO shade is when you choose "UNO shade" as WindowTexture at the installation from UNO. (only "Aqua Windows & Mozilla Apps" needs to be UNO shade)
Im not sure if the chrome folder is there by default, but it may be better to use the extension "ChromEdit Plus".
After Installation you can go to the chrome folder by clicking Tools, ChromEdit Plus, open crome folder (i use a German firefox, text may differ).
Also you can edit userchrome.css with ease with ChromEdit Plus. If you just want the yellow color fixed in tabpreview, just add this in to your userchrome.css:
Code:
tooltip{
-moz-appearance: none !important;
background-color: rgb(109,109,109) !important; 
color: rgb(255,255,255) !important; 
}
(this code is also in the userchrome.css from Archive.zip)
if you want to change the color, just edit the RGB (red, green, blue) value from "background-color". If you dont know how to calculate them you can use the color picker OSX app (just spotlight "color"; be sure to use 8Bit Decimal RGB)

if anyone is interrested, my full userchrome.css:
Code:
/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* hide seperators between toolbars (makes firefox more compact) */
#toolbar-menubar {
padding: 0px !important;
margin: 0px !important;
border: none !important;
}
#nav-bar {
border: none !important;
padding: 0px !important;
}
#PersonalToolbar {
border: none !important;
}

/* Safari tabs styling */

.tabbrowser-tabs {
  background-image: url(toolbar2.gif)  !important;
  background-repeat: repeat-x  !important;
}

tab[selected="true"] > .tab-image-right {
	background: url("activetab-right.png") no-repeat !important;
}

tab[selected="true"] > .tab-image-left {
	background: url("activetab-left.png") no-repeat !important;
}
tab[selected="true"] > .tab-image-middle {
	background: url("activetab-middle.png") repeat-x !important;
}

/* Safari RSS button */
#feed-button[feeds] { list-style-image: url("safari-page-livemarks.png") !important; } 

/* Safari like toolbar background */
toolbar#nav-bar, #bookmark-window toolbar, #BrowserPreferences toolbar, #JSConsoleWindow toolbar, #winInspectorMain toolbar  {
background: url("./toolbar.gif") repeat-x !important;
}

/* Safari like bookmark toolbar background */
#PersonalToolbar { background: url("toolbar3.bmp") repeat-x !important;
}


/* TabPreview tests */
.tabbrowser-tab {
  margin-left: -3px !important;
  margin-right: 2px !important;
} 

tooltip{
-moz-appearance: none !important;
background-color: rgb(109,109,109) !important; 
color: rgb(255,255,255) !important; 
} 

#tabpreview {
margin-top: 23px !important;
padding: 3px !important;
margin-left: -3px !important;
}

#BrowserPreferences #showPasswordsBox { display:none !important; }
 

Attachments

  • Bild 2.png
    Bild 2.png
    93.1 KB · Views: 102

Iamtherealwoody

macrumors 6502
May 28, 2007
369
0
Gainesville, Florida
Hows that?
I installed Uno Shade for the aqua and firefox windows, installed the chrome thing and copied the archive contents
Tell me if I missed anything.

Thanks again for all of your help!!
Matt

Oh i need to get rid of that arrow in the address bar, how?
 

Nightkrawler

macrumors regular
Sep 4, 2006
171
0
Vienna, Austria
Hows that?
I installed Uno Shade for the aqua and firefox windows, installed the chrome thing and copied the archive contents
Tell me if I missed anything.

Thanks again for all of your help!!
Matt

Oh i need to get rid of that arrow in the address bar, how?
Looks a-ok for me :D
to customize the toolbar just click on View -> Toolbars -> Customize
and drag and drop anything as you like it :)
I use "Searchbar Autosizer" to resize my search bar.
 

daneoni

macrumors G4
Mar 24, 2006
11,840
1,576
Firefox isn't my main browser but here you go
 

Attachments

  • Picture 1.png
    Picture 1.png
    538.8 KB · Views: 108
  • Picture 2.png
    Picture 2.png
    42.6 KB · Views: 102

clevin

macrumors G3
Aug 6, 2006
9,095
1
now this is my mac version
NS9 and Firefox 3 alpha pre8. for now, there is no extensions for a8pre that I need.
 

Attachments

  • Picture 1.png
    Picture 1.png
    151.7 KB · Views: 138
  • Picture 2.png
    Picture 2.png
    94.5 KB · Views: 94
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.