PDA

View Full Version : So I might make some RocketDock Skin Sets...



RobertGraham
April 5th, 2009, 03:52 PM
Its really easy, and its convenient.

The skin I made:
http://i228.photobucket.com/albums/ee107/dotkito/IndentedScreen.png
E: This pic looks better anyways
http://fc32.deviantart.com/fs44/i/2009/095/0/e/Indented_RocketDock_Skin_by_CustomizeThisDesktop.p ng%3C/a%3E (http://fc32.deviantart.com/fs44/i/2009/095/0/e/Indented_RocketDock_Skin_by_CustomizeThisDesktop.p ng)
Deviation: Click to View (http://customizethisdesktop.deviantart.com/art/Indented-RocketDock-Skin-118225909)

So what do you think? I might get into this, even though its not really anything special. I can take requests ;)

Donut
April 5th, 2009, 03:54 PM
oh this is cool. is there a guide to doing stuff like this? the black one that comes stock with rocket dock is enough for me, but im just curious

RobertGraham
April 5th, 2009, 04:10 PM
oh this is cool. is there a guide to doing stuff like this? the black one that comes stock with rocket dock is enough for me, but im just curious

TUTORIAL:
First off, you are going to need some kind of Editing program. I suggest GIMP.

Now, you are going to need to take a configuration file from a theme in your RocketDock folder. You skins folder is located at "C:\Program Files\RocketDock\Skins". Open one of the folders and double click the "background.ini" file.

Notepad will now open up. In there, it should be set up like this:


[Info]
Name = Indented
Created By = Robert Graham

[Background]
Image = bg.png
LeftMargin = 0
TopMargin = 0
RightMargin = 0
BottomMargin = 0
Outside-LeftMargin = 35
Outside-TopMargin = 20
Outside-RightMargin = 35
Outside-BottomMargin = 0
This defines the boundries of your Skin. All you will really need for this is a background, a seperator, and an Indicator picture.

The best format for this is .png since its has a higher resolution. Now for the fun part.

Step 1.
Open up GIMP, and create a 704x134 image. From there, you can make your design.

Here is an example background image:
http://i228.photobucket.com/albums/ee107/dotkito/bg.png

Step 2.
Now its time to create an indicator. You want to make these as small as possible, I used a 14x14. Here is an example indicator:
http://i228.photobucket.com/albums/ee107/dotkito/indicator.png

Step 3.
Last, but not least, a Seperator. The default size for these is a 7x32 image.
The Seperator I made is a little too transparent to show.

Step 4. Throwing it all together.

Now that you have your images made, you now want to put them in one folder. To get a "seperator.ini" just copy it from another skin, they are pretty much all the same settings.

The "seperator.ini" should look something like this:


[Separator]
Image = seperator.png
TopMargin = 0
BottomMargin = 5


There you go! You have your first skin!

Just put it in your "C:\Program Files\RocketDock\Skins" folder.

Limited
April 5th, 2009, 08:19 PM
Hmm, side edges seem a bit harsh, I would blend them a bit using a gradient.

Atty
April 6th, 2009, 10:00 PM
who the fuck still uses limewire.

RobertGraham
April 6th, 2009, 10:12 PM
E: O i c now

Amit
April 6th, 2009, 10:54 PM
Robert, before I can reply to you, you must enable Private Messaging.

RobertGraham
April 6th, 2009, 10:57 PM
I went into Options and its enabled... dunno why its not working.

E: Oh, hey guys... Limewire is bad!

I will upload a new picture :3