[tutorial] Firefox 1.5 -> Safari Tutorial

If you want a very nice Firefox skin that is 100% accurate and is compatible with all of the 1.x versions of firefox, go to http://www.deviantart.com/deviation/19147285/. Here is exactly how to make it look 1:1 with Safari.

1. Install Skin by downloading to your desktop and then opening the themes window (Tools -> Themes ). Then, go to your desktop with only the themes window maximized and drag the SaFire1_0.jar file into the themes window

2. To switch to Safari buttons, right-click the toolbar, select customize, and check use small icons.

3. Get rid of the Activity Indicator and the space next to it by using Customize and dragging the activity indicator and it's space into the customize window.

4. Install Compact Menu. Restart Firefox.

5. Go back into Customize and Uncheck all of the menu thingies.

6. Move all of the Navagation buttons from the Navagation bar to the top bar where the Menus used to be by dragging them up.

7. Close Customize and Right Click the blank bar and uncheck Navagation toolbar.

8. Finally, in WindowBlinds use the Per Application function to give it a good brushed metal skin. An exact match with the skin is Tiger Safari. http://www.deviantart.com/deviation/26331832/

Note: Steps 3+ can be used in SafariFox or another FireFox skin.

Please tell me if this tutorial worked (or didn't)

Screenshot: http://aqua-gero.com/images/firefox.PNG

#355926

your screenshot doesnt look very accurate, the toolbar texture doesnt line up with the window border texture, and looks awfull :(

#355950

You are right, that is because I am not using the theme that I mentioned in my tutorial called "PixelPerfect". Actually, the screenshot makes it look like it matches really badly. It is not noticable at all when I am using Firefox and I can barely see the difference beetween the titlebar and the toolbar.

#355956

That link doesn't work for me. Try the link I mentioned in the original post.

#355961

That link doesn't work for me. Try the link I mentioned in the original post.

I believe he was linking to this. It's a much better match than Pixelperfect.

#355964

Oh, thanks, I never saw that before, I'll edit the tutorial.

#355965

sorry, fixed :o

#356018

hey i'm just wondering how can i get this toolbar -> 800pxdes515425.jpg

and i really like ur site :D great work

take care

#387687

I'm the kind of person who likes stuff in great detail.

I own a mac so I can compare it to teh real thing :P

Before trying, I'd like to know:

- Is the download dialog the same as safari's ?

- when I drag a link into the address bar/tab bar, does the url and title show up in a little grey box?

Thanks.

~Wuzzie

#387754

hey i'm just wondering how can i get this toolbar -> [qimg]http://www2.shrani.si/thumbs/800pxdes515425.jpg[/qimg]

and i really like ur site :D great work

take care

Do you mean Aqua-Gero when you say my site? Or do you mean the Aquafying tutorial I wrote on eHow?

Anyway, to Wuzzie's question:

Do you mean the downlod confirm dialog or the download manager? The download manager is the same, the former is not. Also, I don't know what you mean by a little gray box. Screenshots would be nice, since you own a mac.

#389301

He was asking about ob, just another nub asking a questions asked millions of times.

#389336

I got fission working and it all works nicly. But the progress bar, where can I get the progress bar loadking image. Because when it loads I just see a blue color. I saw it posted here somewhere. I just need the progress meter image. Thanks.

#389592

AriX, I meant the download manager.

As for the little grey box, It's like the tooltip thing. I dont think i can get a screenshot as there is no screenshot button, only the grab app... unless i do a timed shot... i'll take a screenshot later and show you.

Otherwise I hope this is good. I'll try it when I can be bothered :P

#391877