[UK.Intel™]

Click Here to download this Tutorial in PDF format

[HEX EDITING] IMAGE and CONTENTS MARGINS

Modify Vista Image properties

INTRODUCTION

This Tutorial is not Text book information, and anything I write in my tutorials is to be used with caution and at your own risk.
All my Finds are thanks to 50% Guess work and 50% Luck.

I have only tested this technique on a few images, you can try it for any image,
This tutorial is based on searching for image properties, if you cant find it then its probably not there.
Pscyob has shown how to insert some image properties for the start menu images.

The following information is aimed towards those of you who have already had experience with Hex-editing. Confidence is a Plus!
IF YOU DONT KNOW HOW TO EXTRACT THE VARIANT OR NORMAL.RES FILE - THEN THIS TUTORIAL IS NOT A GOOD PLACE TO START

you will need the following:
Restorator 2007 or ResHacker
Mirkes Tiny Hexer
Windows Calculator (calc.exe)

Nothing is ever simple when working with the .msstyle and it is even more difficult to explain to others.
In the attempt to make reading easier I have divided this tutorial into sections...

• INTRODUCING IMAGE MARGINS
  
• INTRODUCING CONTENTS MARGINS
  
• DECIMAL TO HEX (using Calculator)
  
• FINDING IMAGES IN THE VARIANT
  
• HOW TO CHANGE THE MARGINS

INTRODUCING IMAGE MARGINS

Image margins DO NOT enlarge an image, but they determine usage of areas within the image.

For Example I will be using Image 913.png (System Tray & Clock area)

Image 913 lays on top of the Taskbar and will stretch Horizontally across to suit
your screen resolution and contain the system tray Icons you have within it.

Most Images will have 4 image margins. Left, Right, Top, Bottom.
In this example we will only need to change the left image margin.

Microsoft has chosen to leave this png blank and the image margins
are too small to create a shape like in the image shown below...

(My 913.png Image is 100x30px)

Original Left Margin is set to 1 pixel.
This will mean that the 1st left hand line of pixels will maintain its true colour and shape when the image is stretched
but anything in between the left and right image margin will be used for stretching.
Therefore my Curved png would look a mess if my system tray area gets bigger,
so to maintain my curve on the left side I would need to set my Left Image margin to 17px.



INTRODUCING CONTENTS MARGINS

Contents margins DO NOT enlarge an image, but they determine usage of areas within the image.

again I will be using Image 913.png (System Tray & Clock area)

The Contents of image 913.png is the Icons and Clock

for example you can move the entire contents to the Left by Increasing the Right hand Content margin.

(because the system tray area is designed to stretch towards the left when more contents is added,
there is no real need to make any adjustment to the left hand contents margin,
but in other areas of vista the images are not designed to stretch,
so adjustments may be needed, if u increase the right, you may need to decrease the left)



DECIMAL TO HEX (using Calculator)

In order to edit the Variant you will need to know how to convert Decimals into Hex codes.

This will be useful for finding Image numbers and inserting your margins

Calculator will give you a conversion result,

• Start/Run/Calc.exe
  
• Click View, and tick "Scientific"
  
• Type in the decimal number then tick the Hex Button.

You will get a Result However the code will still need Manual Conversion depending on how many digits it gives you.

Use the chart Below as a guide

Number of digits : 1
Calc Result Example: A
Method: add 0 to the front
Final Hex Code: 0A

Number of Digits: 2
Calc Result Example: F1
Method: N/a
Final Hex Code: F1

Number of Digits: 3
Calc Result Example: 263
Method: add 0 to the front, move front two digits to the back
Final Hex Code: 6302



FINDING IMAGES IN THE VARIANT

You can find any image in the .msstyle recorded in the variant.

Simply covert the image number to Hex using Calculator.

for example image 743 becomes E702
or 913 becomes 9103

• Open the Variant or normal.res with Mirkes Tiny Hexer
  
• Click Edit
  
• Click Find/Replace (ctrl+F)
  
• Type 9103 click find

(some Image numbers appear twice in the variant because the image is used in more than one area of Vista)



HOW TO CHANGE THE MARGINS

Make sure you are NOT using "Insert Mode" (View/insert mode) as we only want to overwrite the hex code

Take a look at the image below, you will start to see a hex pattern after the image number.



i always use the 10(s) as a marker. (after the second 10 is image margins) (after the third 10 is contents margins)

the order is as follows.

Image margins : Left Right Top Bottom
Contents margins: Left Right Top Bottom

Click Here to download this Tutorial in PDF format

[Panda X]

To add on on what you told me last week, you can adjust the window to where it shows 8 couplets to see it better.



Red = Image Margins
Green = Content Margins

[idas]

please give us some screenshot on calculator step by step.
[for example on first screnshot we writte this, in the second we select forexample hex etc]
that would help please.thanks in advance





----------------------------------------------
ukintel made amazing work

[UK.Intel™]

Panda X, on May 15 2008, 03:46 AM, said:

To add on on what you told me last week, you can adjust the window to where it shows 8 couplets to see it better.



Red = Image Margins
Green = Content Margins

Yes Indeed, when using XV132 Hex editor the window can be resized to show only 8 columns across. This makes it easier to see the hex pattern.

idas, on May 15 2008, 08:29 AM, said:

please give us some screenshot on calculator step by step.
[for example on first screnshot we writte this, in the second we select forexample hex etc]
that would help please.thanks in advance

Ok, if you feel its necessary then I will update the 1st post when I get home

[UK.Intel™]

Updated 1st post: Downloadable PDF Tutorial now avialable

[adsandiego]

ok, now THAT'S a tutorial. thanks man.
nice taskbar and startbutton/orbit
any chance of posting just those resources?

[Renesis]

Great tutorial. Is it possible to adjust the systray icons up or down? Using your tutorial I can move the clock around just fine but the icons dont move with it.

This is what I have now and this is what Im trying to do . Any help would be appreciated.

[UK.Intel™]

Renesis, on May 18 2008, 05:18 AM, said:

Great tutorial. Is it possible to adjust the systray icons up or down? Using your tutorial I can move the clock around just fine but the icons dont move with it.

This is what I have now ... Any help would be appreciated.

yes to move the sytstem tray icons, increase the top content margin and decrease the bottom content margin. or Visa versa.

[Renesis]

Increasing the top content margin to 02 centered the clock for me but they systray icons stayed pinned to the bottom. If I increase the bottom content margin it cuts the icons off at the bottom but doesnt move them up any. Could the small taskbar height be causing problems?

[UK.Intel™]

Renesis, on May 18 2008, 06:53 PM, said:

Increasing the top content margin to 02 centered the clock for me but they systray icons stayed pinned to the bottom. If I increase the bottom content margin it cuts the icons off at the bottom but doesnt move them up any. Could the small taskbar height be causing problems?

yes it could be the the smaller taskbar, but if the taskbar hex edits are done correctly i would have thought it would be ok.

if you increased the top margin, then you should DE-crease the bottom margin. as you have a smaller taskbar the math is a little harder to work out. Sometimes its trail and error. reducing the bottom content margin should do the trick

[Renesis]

Thanks for the help. The bottom is already 00 so how would I decrease it?

[UK.Intel™]

Renesis, on May 18 2008, 08:36 PM, said:

Thanks for the help. The bottom is already 00 so how would I decrease it?

ah.. then im not too sure. you probably have no room to move to content as your taskbar is thin. Sorry i cant be more help at this moment.

[Ludacris]

Could that work with the navigation images?

[Panda X]

Ludacris, on May 19 2008, 02:31 AM, said:

Could that work with the navigation images?

He's already searched with no luck.

[UK.Intel™]

Panda X, on May 19 2008, 12:12 PM, said:

Ludacris, on May 19 2008, 02:31 AM, said:

Could that work with the navigation images?

He's already searched with no luck.

At the moment i got a few jobs to finished (well hundreds really) but When i find time i will take a look at this again as the new stream edits have given me new hex patterns to look for when i search the variant. Now i know what im looking for i have more chance of finding it.