[information] Safari style tabs with firefox pinstripe

if you're using the port of pinstripe/graphite (by kyods.. havent tried any others) and want the tabs to look more like safari tabs, heres a way to change your tabs from this:

firefox-styleprev.jpg

(click to enlarge)

to this:

safari-styleprev.jpg

(click to enlarge)

this method doesnt use TBE like any other tab mods, and (unfortunately) as far as im aware, it only works (Well) with pinstripe/graphite themes

download

this file

and extract the contents of it to

c:documents and settings$username$application datamozillafirefoxprofiles*.defaultchrome

so that the userchrom.css file resides in that chrome folder

(if you already have a userchrome.css and dont want to lose everything on it, i reccomend you copy and paste the contents of my userchrome.css into the TOP of your userchrome.css, before any other defined custom styles)

now start firefox up, and open a few tabs, and they should all look dandy ;)

#245402

I knew there was something missing from my FF > Safari conversion, now I know what it was! Superb work my friend!

#246584

The link appears to be down, can you please revive it? :)

Thanks!

#249273

The link appears to be down, can you please revive it? :)

Thanks!

links all work fine, my website and all is up

#249623

Thanks, mate...guess it's down to my provider then, working flawlessly for my friends.

cheers :)

#249647

Ick.gif

I seem to have a problem with my tabs: how do I remove that line?

#250253

Pooky, I'm assuming you moved all the navgation buttons to teh top row, and the bookmarks to the navigation toolbar? Then you used compact menu to hide File, Edit, etc?

Well, there a problem with the userChrome.css. If you right click the toolbar and reenable the bookmarks toolbar, you'll see it works flawlessly. The problem is that if you moved all your toolbar up one (because you use compact menu for the Firefox Mac look) the bottom of the navigation toolbar has a border.

I've included some pictures in case I confused anyone.

tab13dv.jpg

tab22yl.jpg

You can probably open up the .jar and edit the BG if you want. I'l give it a try when I get back from school today.

#250933

Hmm, this is odd, because I have them on the bookmarks toolbar, and the navigation toolbar is hidden... and if I move them to the navigation toolbar and hide the boomark toolbar, I still get a line, and it's twice as thick :D

#250945

I also have a prob with that theme. Here's how it looks for me. There's some sort of nasty boarders I cannot get rid of. It even appears when I move the tabs to the bottom.

stripe14ur.jpg

stripe20qc.jpg

Any suggestions?

#250970

hmm i think its kinda theme specific, so are you guys using a port of one of arronax's themes?

#250978

hmm i think its kinda theme specific, so are you guys using a port of one of arronax's themes?

I'm using the one posted by kyods.

#250983

I'm using kyod's one too.

#251069

hmm i think its kinda theme specific, so are you guys using a port of one of arronax's themes?

Tried both, Pinstripe Modern and Pinstripe. Same problem. I'm gonna see if I can't find a fix inhte jar file real quick.

#251152

I found a solution.

tab22yl.jpg

In the picture above, you can see that I have hidden the bookmarks toolbar. Well, instead of moving the bookmarks to the navigation toolbar and hiding the bookmark toolbar, you can just hide the navigation toolbar and the border dissappears.

Here's the pic with it fixed.

tab31yt.jpg

I'm using Pikachu90000's modern version of the pinstripe port [link] , but the regular version would work the same.

EDIT: I'm using an older version of the theme I linked to. If anyone wants it, just PM me. It seems the new nersion (1.1) doesn't work as good as the older (supposedly buggy) version. I've had no bugs with 1.0au and it works fine.

#251155

I found a solution.

snip

In the picture above, you can see that I have hidden the bookmarks toolbar. Well, instead of moving the bookmarks to the navigation toolbar and hiding the bookmark toolbar, you can just hide the navigation toolbar and the border dissappears.

Here's the pic with it fixed.

snip

I'm using Pikachu90000's modern version of the pinstripe port [link] , but the regular version would work the same.

EDIT: I'm using an older version of the theme I linked to. If anyone wants it, just PM me. It seems the new nersion (1.1) doesn't work as good as the older (supposedly buggy) version. I've had no bugs with 1.0au and it works fine.

hey dude i think you got your pics mixed up

#251164

hey dude i think you got your pics mixed up

Yah, fixed 'em. Thanks.

#251172

thanks MGs0008b221

personally i'm no longer using an aquafied desktop, so im glad somebody else could help people :)

#251345

Hmm, doesn't work for me :( I've got em on the Boomarks toolbar yet I still see a line. I must be using another theme than you guys.

#251369

if you add this to your userchrome.css it should be fine. worked for me anyway.

#nav-bar {

border-bottom: 0px !important;

border-top: 0px !important;

}

#toolbar {

border-bottom: 0px !important;

border-top: 0px !important;

}

#251440