Help - Search - Members - Calendar
Full Version: Hacking Leopard GUI
InsanelyMac Forum > Apple World > OS X > OS X Leopard (10.5)
Pages: 1, 2, 3, 4, 5
SCARECR0W
I just started to not really like the dock - So, I've started hacking on it... Check it out:

Click to view attachment
questionmark
Nice job, I really like how you changed the running programs mark on the the bottom of the icon, the blue light on leopard just blends to well with the background to be useful.
SCARECR0W
Thanks! Yeah. that was one of my biggest gripes actually.

I left some transparency in this one, but I was using one without transparency, so the icon reflections did not show - which is nice too. Just can't make up my mind which way I prefer.

Only bummer is that you cannot change the shape of the dock, it is stuck as a trapezoid or whatever. I've search through all of the plists, code, etc.. and cannot find it. It must be hardcoded that way, which is a bummer as you wont be able to change the shape nor will you be able to completely remove the background and have a 100% clear dock.

I'm working on the Stacks stuff now - see what can be done with it.
turpentine
wanna let me know how to do this? I want to make the running app icon more easy to tell.
SCARECR0W
Sure, all of the files are inside the Dock.app which can be found at:

System>Library>CoreServices>Dock

Select the Dock app, and show package contents.

Inside the Content>Resources directory are all of the files for the Dock.

The one you want is called "indicator.png"

The ones for the Dock background are "scurve.png" and "frontline.png"

Hope that helps.
DsurioN
Hey I really like your modifications. Could you post the "skin" here so others can enjoy your great work?
turpentine
how do i replace the images? if i drop it in from desktop it authenticates then does nothing
Ramm
Here's one I made:
SCARECR0W
Actually, you can do what I did.. delete the file you want to change from the terminal (sudo rm -rf and then drag the file to be deleted to the terminal window and it should autocomplete the path for you)- then drag the new file into its place in the originals spot in the resources folder which will ask you to authenticate. Then open activity viewer and find the dock process and force quit it.. the dock should quit and then immediately open back up with your changes displayed.

If you try to just move the file from its spot to the trash, it doesn't seem to "take" very well... thats why I outlined the method above - it seems the fastest easiest way and doesn't require loggin out and back in a thousand times.

I stress that you should have a copy of the original files before attempting any of this... and of course, the basic warning - you are altering core system files, so be careful. (there is not much danger in this unless you really muck something up but still be careful)



DsruioN - I will try and put something together once I figure out how to make them into a user-installable skin - right now it's just raw files being put into the resources folder as described above. Eventually I'd like to make a little installer app that allows you to select from a variety of dock styles and then puts the files where they need to go and restarts the dock.
heiesuke
U lost me when U went to the terminal. LOL
SCARECR0W
Open up the terminal.app

Type "sudo rm -rf " in the terminal window (be VERY careful here, if you mis-type an extra "/" at the end you will literally zero out your harddrive) - again, that is sudo[space]rm[space]-rf[space]

With that typed in, drag the file you want to be deleted onto the terminal window you just typed in. This will autocomplete the path to the file that you are trying to delete into the terminal window just after the sudo rm -rf part from above. Hit return.

You will be asked for your password and possibly given the standard warning about sudo commands.

Then thats it.. the file should be deleted. Now just drop your new revised graphic into the resources folder which should ask you for your password again... once that is done open up the Activity Monitor application. Select "dock" which should be one of the running processes. Then click the red stop sign button. Then click "Force Quit".

Voilą, you're new dock should now be visible.
turpentine
thanks, heres mine real quickly done. I'm going to do a few in perspective when I get the time.Click to view attachmentClick to view attachment
SCARECR0W
Nice!
Sabr
That's pretty cool - nice work. I wish that Dock was available for Tiger...

- Sabr.
turpentine
QUOTE(Sabr @ Jun 28 2007, 09:34 PM) *
That's pretty cool - nice work. I wish that Dock was available for Tiger...

- Sabr.

no you don't
Ramm
Here are the files for mine if anyone wants them:
Click to view attachment
SCARECR0W
lookin' good!
macuser74
QUOTE(SCARECR0W @ Jun 28 2007, 09:25 PM) *
Open up the terminal.app

Type "sudo rm -rf " in the terminal window (be VERY careful here, if you mis-type an extra "/" at the end you will literally zero out your harddrive) - again, that is sudo[space]rm[space]-rf[space]

With that typed in, drag the file you want to be deleted onto the terminal window you just typed in. This will autocomplete the path to the file that you are trying to delete into the terminal window just after the sudo rm -rf part from above. Hit return.

You will be asked for your password and possibly given the standard warning about sudo commands.

Then thats it.. the file should be deleted. Now just drop your new revised graphic into the resources folder which should ask you for your password again... once that is done open up the Activity Monitor application. Select "dock" which should be one of the running processes. Then click the red stop sign button. Then click "Force Quit".

Voilą, you're new dock should now be visible.


It keeps saying this after I enter my password :
'rm: illegal option -- /
usage: rm [-f | -i] [-dPRrvW] file ...
unlink file
What gives??? huh.gif
SCARECR0W
No clue, maybe you didn't type things right? Not sure.

Below is how it should look -

sudo rm -rf /System/Library/CoreServices/Dock.app/Contents/Resources/scurve.png
macuser74
QUOTE(SCARECR0W @ Jun 28 2007, 10:37 PM) *
No clue, maybe you didn't type things right? Not sure.

Below is how it should look -

sudo rm -rf /System/Library/CoreServices/Dock.app/Contents/Resources/scurve.png


Edit: I got it.
Thanks man
Taylor_C
I'd much rather just have the standard Tiger dock. I like it a lot better.
turpentine
QUOTE(Ramm @ Jun 28 2007, 09:45 PM) *
Here are the files for mine if anyone wants them:
Click to view attachment

that+(Click to view attachment)my indicator yields:
Click to view attachment
Ramm
That's pretty nice looking!
macuser74
QUOTE(Ramm @ Jun 28 2007, 11:04 PM) *
That's pretty nice looking!

how about yours? will you release them?
Ramm
I already did tongue.gif, scroll three posts up.
Criot
How did you turn your dock that black colour?
HiryuSingh
Here's my 5 minutes with Photoshop smile.gif
Click to view attachment
macuser74
QUOTE(HiryuSingh @ Jun 29 2007, 09:00 AM) *
Here's my 5 minutes with Photoshop smile.gif
Click to view attachment

Now that one is tight. could you share the moded files?
vernie's garden
QUOTE(turpentine @ Jun 28 2007, 09:50 PM) *



where did you get the sweet photoshop icon?
The Baron
QUOTE(vernie @ Jun 29 2007, 03:20 PM) *
where did you get the sweet photoshop icon?


http://www.artofadambetts.com/weblog/?p=190
HiryuSingh
QUOTE(macuser74 @ Jun 29 2007, 03:45 PM) *
Now that one is tight. could you share the moded files?


Sure. smile.gif

Click to view attachment
macuser74
QUOTE(HiryuSingh @ Jun 29 2007, 10:52 AM) *


Thanks friend. thumbsup_anim.gif
Sherry Haibara
Anyone trying hacking the bar on the top? smile.gif
Sherry Haibara
DAddYE
Ciao Sharry,

I just see somewhere an hack for leave the trasparent, and have a normal menu bar.

Take me the time for found it!

Sherry,

found see it on my blog: http://blog.lipsiasoft.com/articles/2007/0...rra-trasparente
Ramm
That isn't actually a "hack." If you read about how it works, it says it places a window directly behind the menubar.
SCARECR0W
Yeah, I agree... not ideal at all... looking for a better solution.
Ramm
Damn, where's that extras.rscv (or whatever it's called) located at?
Dream_Team
I don't think it will be the same as it did before.
Wanna know why everything looks unfinished on the UI ? Coz they are beta graphics. Aqua was perfect, why would Apple have redone it ? Vector Graphics. blowup.gif

You don't know how the Vector graphics are in the files, surely not pngs as before so I don't think any old program opening that files will work wink.gif

btw, just do "locate Extras.rsrc" happy.gif

So here is your answer :
/System/Library/Frameworks/Carbon.framework/Frameworks/HIToolbox.framework/Resources/
Extras.rsrc is the PPC one Extras2.rsrc is the Intel one.

To try theming, try to install UNO and select the all Unified mode (the whiteish one, not the iTunes one).
tekn04
I figured out how to make indicators surrounding the icons i.e. above them and to the sides as well as below them.

You have to create a file in photoshop where the proportions are, say, 50 by 150 (you'll have to base this on the size of your own dock).

The center of this image will always be the point directly below the icon where the indicator usually resides. By working in the top half of the image, you can create decorations surrounding the icon.

It works, but I wasn't sure of any way to put it to good use.

Any ideas?
Ramm
I see what you mean. Let me give that a try and post my results.

Unfortunately, that doesn't work. I think that Mac may use the top of the indicator.png image as the reference point (in other words, it always lines up the top of the image with the bottom of the running icon). So, if you make the indicator.png image bigger, it always makes the top hit the bottom the icon.
turpentine
QUOTE(tekn04 @ Jun 29 2007, 06:29 PM) *
I figured out how to make indicators surrounding the icons i.e. above them and to the sides as well as below them.

You have to create a file in photoshop where the proportions are, say, 50 by 150 (you'll have to base this on the size of your own dock).

The center of this image will always be the point directly below the icon where the indicator usually resides. By working in the top half of the image, you can create decorations surrounding the icon.

It works, but I wasn't sure of any way to put it to good use.

Any ideas?
I think some things could be neat, but it would be a lot more useful if the indicators scaled with the dock size.
DAddYE
For girls see my dock: Women Dock
tekn04
That's odd, it was working before for me, and now it's suddenly stopped...

EDIT: Whoops i misnamed the file. It works now!

Picture:
Ramm
I still cannot get it to work for me.

Here's my latest dock:



For some reason the image came out darker than what it really is.

Here's a better picture, I think:
tekn04
try this indicator:
Ramm
Strangely, that works :/
Zorro56
Can we replace your Dock.app with the 10.4.x one to get that cool design ? I don't need Leopard right now but I like the new dock, so... Thanks.
Ramm
You know...that's a very good question.

* Ramm goes to check biggrin.gif

Edit: Nope, it doesn't work.
Zorro56
OK thanks for the info, I can wait.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.