[release] Safari Is Here For U!

HI! I am proud to introdude u the worlds most perfect Safari Clone.

First of all download the following file:

LINK: http://www.deviantart.com/deviation/5590073/

There will be plenty of screenshots for the better understanding....sorry fot dial uppers.

Thanks for the help Ive recieved....

The original wb theme was made by xero, I modified it like hell, to gain seven different themes for

the per application feature.....

-Aqua base

-dvd player

-safari

-calculator

-brushed base

-mail

-menus

One of the modified theme is in the package, called safari.wba

Some other elements of my chrome registri modd were made by other members of this community.

Thanks....

Features:

Main window:

-100% Pixelperfect skinmetrix!

-100% perfect tabs - one exception: the close tab button placed to the right side of the tabs.

-tab reload animation

-tab icons

-semitransparent icons for non-selected tabs

-diff icon states for selected and non-selected tabs

-default, hover, selected states for close tab icons,

-the real shocker: perfect active and hover states for the urlbar and the search bar!

-statusbar

-sidebar integration

-icons

-osx style menus 85% good.

Pic: 1).

image1

Bookmark window

-safari like icons

-safari like search bar

-safari like backgrouns

Pic 2)

image2

Download panel:

-The best so far mockup.

-animated progressbars

-small safari icons

Pic 3)

image3

TO DO AFTER DOWNLOAD:

Step 1:

Download the Mozilla-Firefox-0.8 Application.

Install Firefox.......

Close Firefox.......

Get the SAFARI.WBA Windowblins theme from the PIXELPERFECT.rar archive.

WindowBlind 4,1 or higher needed!!!

Install the new WB theme.

IMPORTANT: Use the safari theme as per-application theme, USE it only for firefox.exe!!!!!!!!!!!!!

Done..

-----------------------------------------------Restart Firefox

Step 2: /extensions/

Download/install the Compactmenu.xpi extension.

Link: http://downloads.mozdev.org/cdn/compact/compact.xpi

Download/install the tabbrowser extension.

Link: http://white.sakura.ne.jp/%7Epiro/xul/xpi/...tensions_en.xpi

Done....

-----------------------------------------------Close Firefox

Step 3: /File replacement/

Backup and replace the following files:

- CLASSIC.JAR

located: e.g.: c:\program files\mozilla firefox\chrome\

Replaces the default gui

- BROWSER.JAR

located: e.g.: c:\program files\mozilla firefox\chrome\

replaces some other settings

- EN-US.JAR

located: e.g.: c:\program files\mozilla firefox\chrome\

replaces some structure settings

- COMPACT.JAR

located: e.g.: c:\program files\mozilla firefox\chrome\

replaces some icons and settings

- TABEXTENSIONS.JAR

located: e.g.: c:\documents and settings\user(your user name)\application data\phoenix\profiles\default\xxxxx.sit\chrome

replaces some icons and settings

- USERCHROME.CSS

Place or backup/replace if it exists

located: e.g.: c:\documents and settings\user(your user name)\application data\phoenix\profiles\default\xxxxx.sit\chrome

replaces some icons and settings

Step 4:

Modifie the prefs.js file:

located: e.g.: c:\documents and settings\user(your user name)\application data\phoenix\profiles\default\xxxxx.sit\

Important:

Add the following two lines to the original file!!!!!!!

user_pref("ui.textSelectBackground", "#CAE6FE");

user_pref("ui.textSelectForeground", "#000000");

DONE....

-----------------------------------------------Restart Firefox

Step 5: Replacing an icon

Replace the google.gif icon with the one comes with the package....

The location of the original icon is:

C:/Program Files/ Mozilla Firefox/Searchplugins/google.gif

Step 6: Setting the GUI....

Do the following steps /short form/:

-1- Rightclick on the toolbar, set customize.....

-2- Place the comactmenu icon (two aA letters) into the toolbar....press done....

the menubar becomes empty when u choose the done button.

-3- Now u should place each icons to their proper place....INTO THE MENUBAR, NOT THE TOOLBAR! WHERE NOW U CANT SEE THE MENU /EMPTY BAR AT THE TOP/!!!!!

(some buttons should move from the toolbar some from the customisation panel)

Button 1 BACK, Button 2 FORWARD, Button 3 RELOAD, Button 4 COMPACTMENU /the two aA letters/, 5 ADD, 6 STOP, 7 HOME.

-4- Move the entire urlbar from the toolbar /original place/ to the menubar next to the home button....

-5- Place the GO button next to the urlbar

-6- Move the entire searchbar from the toolbar /original place/ to the menubar next to the go button....and press done!

-7- In the view/toolbar menu uncheck the NAVIGATION TOOLBAR......and tada the menubar/with icons/ will be the only toolbar....

ARE U READY......!!!!!!?????

Not yet.....

-----------------------------------------------Restart Firefox

Step 7: Setting up the tabextensions. Important do not skip!!!

click menu/tab/tabbrowser extensions preferences.

-click use expert pref...

-startup no changes

-tab bar

top

show/hide buttons

unchecked

unchecked

unchecked

no reaction

unchecked

new tab

undo close tab

-tabs

unchecked progress meter

checked checked

checked

checked

right edge

same to normal

fit window 120 - 179

after

no reaction

close tab

-features

unchecked

unchecked

checked checked

checked checked

checked

unchecked

5

unchecked

checked

-bookmarks

unchecked

unchecked

checked

checked

-focus

checked

unchecked

unchecked

unchecked

unchecked

-advanced

unchecked all

-rest not important.

note:

In my screenshots u can see the bookmarksbar having shadows. When u are ready u wonnt see it like in my pictures!

I will open a new topic on Hiw to Create Shadowed Text in The Bookmarks Bar. See it soon...

It must be don on every single machine by yourself.

NOW U READY! RESTART ENJOY!!!

By!

Enjoy!

----------------------------

The Topic Has Been Tagged

// Seph

#122844

Insane, just insane....:o

*at a loss for words*

EDIT: btw aquarius you can update your post to include the link for CompactMenu

http://downloads.mozdev.org/cdn/compact/compact.xpi

#122846

OMG this so so so so so near perfect!!!

Great instructions too, awesome work, thanks!

#122852

Is this real :blink:. I mean I ain't sleeping anymore, right?

Punch me and I'll believe this is real.

This is the most incredible work I've ever seen. And dat's a fact.

Fantasic job :woot:

#122855

Note!

To get the same result, u must use an aqua-styled Windowblins theme as default.

Because of the scrollbars and listheaders....

#122856

YAY

This is sweet ^_^

#122858

Just perfect, what more can I say!!!!!!!!!!!!

#122860

Awesome, does it works also without using windowsblind and just firefox ?

#122862

:blink:

/Unbeliever faints

#122863

Originally posted by Naughty Dogg@Mar 2 2004, 06:18 AM

Awesome, does it works also without using windowsblind and just firefox ?

NO

#122866

Sweet I just followed all the steps anjd im done, ive never seen anything close to this, its just plain sweet

Im waiting for the next tutorial in the Bookmark thing

#122867

This is soooooooo good and realistic, Dont like it when the toolbar buttons go blue when you hover over them, and the Safari WB theme sounds.

Fix them and it will be perfect.

Also theres a bug on the bookmark bar, when you hover over a folder, and the acctual hover text doesnt look right.

#122868

Hey Aquarius! No teasing anymore, huh? I love this thing, I've done it and it works properly. Thank you very much and sorry for my whining earlier ;)

Keep it up!

#122870

Where can I find Safari WBA,please

#122871

its in the pixelperfect.zip

#122872

yeah, this is awesome aquarius, great job getting the url/search highlight, i didn't think you could. And the download progress bars are great! Tabs done perfectly too.

theres the firefox scroll bar bug in the wba, and a couple of things i'd change

but, yeah, thanks for releasing this, looks great. :rock:

#122873

wow... extremely good work :woot: .

@EVERYONE - PLEASE TAKE NOTE: "This is an example of what happens when you dont pester people and let them get on with their projects."

-The Unknown

#122877

I dont have a mac , so I was doing from ss. It is difficult to work without the original working thing /mac/. So this was the closest I could reach. But any of u suggest something and show it to me Iwill imediately apdate the whole stuff.

Can someone post screenshots /png/ on:

-pressed bookmarkbar button / the dark rounded /

-hover close tab button

-pressed close tab button

-default bookmark icon

-default bookmark folder icon

????

THX.

#122880

Originally posted by Sid@Mar 2 2004, 11:30 AM

NO

:lol: It works a little bit . If you use a brushed visual style :P:D

LOOK I HAVE MADE A SCREENSHOT :-)

:D:lol::D

#122883

Originally posted by Naughty Dogg@Mar 2 2004, 07:32 AM

:lol: It works a little bit . If you use a brushed visual style  :P  :D

LOOK I HAVE MADE A SCREENSHOT :-)

:D  :lol:  :D

Don't you think that's fugly? :6

#122884

Originally posted by Sid@Mar 2 2004, 12:33 PM

Don't you think that's fugly? :6

Ya :D the brushed of the visual style also don't want to fit ;)

#122885

At the right side of the tab bar there's:

< >

Is there anyway to remove them?

#122886

Originally posted by Naughty Dogg@Mar 2 2004, 12:32 PM

:lol: It works a little bit . If you use a brushed visual style  :P  :D

LOOK I HAVE MADE A SCREENSHOT :-)

:D  :lol:  :D

Set the tab size to:

120 - 179 !!!!!!!!

ANOTHER THING: the bookmarks bar look ugly, the height is to big.

In my theme the skinmetrix is 99,9 the same like in safari.

So u made something wrong, or I forget something.....

In his screenshot everyone can see the following bug what I was unable to bypass.

BUG:

Some themes for NS , mozilla, firefox partily uses the default windows giu. e.g. WB.

Some other elements uses the chrome registry resources.

In this theme the toolbar and the tabs are using the chrome registry but the caption bar with the traffic lights use Windowblinds resources.

I was unable to set backgrounds in the chrome, to stretch with the windows

Therefore u can see diffrerences between the caption and the toolbar when resizing the window smaller and smaller.

DUTY:

CAN SOMEONE TELL ME. IS IT POSSIBLE TO STRETCH BITMAPS IN THE CHROME REGISTY USING CSS COMMANDS?????

It would be great.

#122889

Originally posted by starforge@Mar 2 2004, 12:36 PM

At the right side of the tab bar there's:

<  >

Is there anyway to remove them?

Yes !

In the tab menu /tabbar /

set no reaction but mouse......

It will do.

#122890

Originally posted by aquarius2003@Mar 2 2004, 12:42 PM

Yes !

In the tab menu /tabbar /

set no reaction but mouse......

It will do.

yah it works :D

#122891