[MageGuru]

Hi Everyone...

Ok, so I am finally getting around to posting my tutorials on modifing
Phoenix to look like Safari... ok, ok I am a lazy SOB, (actually I am in
the process of moving into a new apartment).

Ok so all of you want Phoenix to look like this...

Click here for full pic

Well in the following tutorials i'll show you.

BTW, Please do NOT post reply's here...
I want this to stay nice a clean so you don't have to wade
through a dozen posts to find what you are looking for....

Also, Forum mod's, it may be a good idea to pin this topic.

If there are any mistakes or problems (i'll try to help anyway), feel free to PM me or msg me over at the #aquaxp irc channel.

[MageGuru]

Tutorial 1: The Skin

Thank's to lynchknot for creating this great safari skin.

You can get the skin over here... lynchknot's homepage

Just add the theme, done.

That was simple now wasn't it

Note: I am using the non skinned version of the theme, if you use the
primary version of the theme and use it with Iceman's VS it will have
the more iSkin look that Safari has. I use this version cause I use WB.

Now on to Tutorial 2...

[MageGuru]

Tutorial 2: How to Change the Topicbar to say Safari and not Phoenix



Ok this was, for some odd reason the hardest things to figure out,
but one of the simplest mods to do.

1) Download this file... brand.dtd.

2) Open up the File en-US.jar in Winrar 3.0. This is located
in C:\Program Files\Phoenix\chrome\.

3) Go to the folder Locale\en-US\Global\.

4) Drag the file brand.dtd into Winrar, Click ok on the dialog that comes up.
This will replace the brand.dtd that is in the archive.

5) Close Winrar and open Phoenix.

Phoenix should now read Safari. All Done.

Now on to Tutorial 3...

[MageGuru]

Tutorial 3: How to change the Mozilla icon in the Topicbar to the Safari icon.



For this you will need Reshacker, or any other resource hacker.
You can get Reshacker here... Reshack Homepage

1) Download this file... Safari.ico

2) Open up Reshacker, go to File and Open, then go to the
path C:\Program Files\Phoenix\. And Select Phoenix.exe.

3) Now in the tree go to Icon Group\32512\1033.

4) Right click and select Replace Resource...

5) Now click Open file with new icon... and select Safari.ico.
And hit the Replace button.

6) Finally go to File and Save.

Open Phoenix, the icon should now be changed to the Safari icon.

Note: Reshacker automatically creates a backup of the files you edit.
So if you want to undo what you did, just delete Phoenix.exe, and
rename Copy of Phoenix.exe, back to Phoenix.exe.

Now on to Tutorial 4...

[MageGuru]

Tutorial 4: Adding the Snapback image to the Address bar and Search bar.



1) Right click and save as PNG's the following two images... and .
Also download autocomplete.css

2) Open lynchknot's Safari theme file in Winrar 3.0. Located in C:\Documents and Settings\
user profile\Application Data\Phoenix\Profiles\default\?????????.slt\chrome\.
(Assuming you're running XP.)

3) In Winrar go to \global\arrow\, and drop in snapback.png. Hit ok on the dialog.

4) Now while still in Winrar go back to \global\, and drop in autocomplete.css. Hit ok on the dialog.

5) Then go to \browser\, and drop in search-bar.png. Hit ok on the dialog.

6) Close Winrar.

Now open Phoenix and the Address and Search bars should look like the above example.

[Edit] If you have tried this and it didn't work rename URL.png to snapback.png.

On to Tutorial 5...

[MageGuru]

Tutorial 5: Changing the Phoenix logo image to the Safari logo image in the About window.



1) Right click and save the following file as a GIF... .

2) Open up the File browser.jar in Winrar 3.0. This is located
in C:\Program Files\Phoenix\chrome\.

3) Go to the folder \content\browser\, and drop in about.gif. Hit ok on the dialog.

4) Close Winrar.

Now open Phoenix, go to Help and About Safari (It should read this now if you
did Tutorial 2). You should now have an About window much like the image above.

Lets move on to Tutorial 6.

[MageGuru]

Tutorial 6: Changing the GO button to be more Safari like.

I don't like the Arrow rollover button that lynchknot uses in his current theme...
I perfer the one he used in his original release...



1) Right click and save as a PNG the following .

2) Open lynchknot's Safari theme file in Winrar 3.0. Located in C:\Documents and Settings\
user profile\Application Data\Phoenix\Profiles\default\?????????.slt\chrome\.
(Assuming you're running XP.)

3) In Winrar go to \browser\, and drop in go-large.png. Hit ok on the dialog.

4) Close Winrar.

Open Phoenix, and the GO button should appear as the image above.

Lets go on to Tutorial 7.

[MageGuru]

Tutorial 7: Changing the Print (Spider) button to an actual Printer button.

This was something I didn't like from the start the only real flaw in lynchknot's theme.
using the Spider button which in Safari is a Feedback button, as the print function...
I rather have a Print button that looks like a Printer.

So I wanted to go from this to this .

1) Right click and save as PNG's the following two images... and .

2) Open lynchknot's Safari theme file in Winrar 3.0. Located in C:\Documents and Settings\
user profile\Application Data\Phoenix\Profiles\default\?????????.slt\chrome\.
(Assuming you're running XP.)

3) Then go to \browser\, and drop in print-small.png and print-large.png. Hit ok on the dialog.

4) Close Winrar.

Now open Phoenix, and your print function should now look like a Printer button.

But wait, what about my cool Spider button? Do not fret, go on to Tutorial 8.

[MageGuru]

Tutorial 8: A much better use for the Spider button.

What this will do is add back a Spider button, which when pressed will
bring up a drop down menu that has the File, Edit, View... Toolbar items.

1) Click on the following link Compact Menu, and hit the Install button.

2) Right click and save as PNG's the following two images... and
Also download compact.css.

3) Close Phoenix.

4) Open up the File compact.jar in Winrar 3.0. This is located
in C:\Program Files\Phoenix\chrome\.

5) Then go to \skin\classic\compact\, and drop in spider-small.png, spider-large.png
and compact.css . Hit ok on the dialog.

6) Close Winrar.

7) Open Phoenix, and right click the center toolbar and go to Customize,
now add the Spider button where you want.

All done, a better use for that Spider button.

Now you may ask why would you want a drop down menu for functions
that are on the toolbar already? Well, read on to Tutorial 9.

[MageGuru]

Tutorial 9: How turn off the File, Edit, View... Toolbar.

I don't take credit for this one, but I forget who came up with it...

1) Download the following file userchrome.css.

2) Now in Explorer go to C:\Documents and Settings\
user profile\Application Data\Phoenix\Profiles\default\?????????.slt\chrome\.
(Assuming you're running XP.)

3) Copy 'n' Paste userChrome.css into the above directory.

4) Open Phoenix, The File, Edit, View... Toolbar will now be blank.

5) Now right click your button bar and go to Customize, Move all the buttons,
the Address bar, and the Search bar on the button bar to the now top blank bar.

6) Move the Bookmarks Toolbar Items to the area that was previously occupied
by your buttons. I would also recommend adding a Flexible Space to the end
of the Bookmarks Toolbar Items, This will allow you to a right click on the bar and
go to Customize for later modifications.

7) Close the Customize window.

8) Go to the Spider Icon (I really hope you did Tutorial 8 first). Then to View,
Toolbars and uncheck Bookmark Toolbar.

Now you should have two toolbars. One with your buttons, Address bar, and
Search Bar, and the other with your bookmarks.

Now off to Tutorial 10...

[MageGuru]

Tutorial 10: How to make websites like Apple.com see Phoenix as Safari.

Ok so you want Phoenix to appear as Safari to websites you visit, get that
cool little Safari User logo on Apple's main page, and even possibly even
create a .Mac account. Well here's how...

1) Download the following file UA Bar and hit the Install button.

2) Restart Phoenix.

3) Go to the Customize window, and add the UA String to your toolbar.

4) Now in the UA Bar add Safari (compatible; MSIE 5.0; Mac_PowerPC), and hit enter.

5) An Alert window will popup, hit ok.

6) Go back to the Customize window remove the UA Bar from your toolbar (its unsightly).

7) Restart Phoenix.

Now go to Apple.com and you will get the Safari User logo .
Try signing up for a .Mac 60-day trial account...

Enjoy!

Thanks to Duckie for initally finding out how to do this.

Well that pretty much wraps up my tutorials, until I find other things to modify.
Like those blasted Back/Forward buttons, they will touch, yes they will.

So see ya, same Aqua channel, same Aqua time!