Shoutbox

I'm new to skinning, and I've been trying to edit a few things but can't seem to get the right code for them. The first is the border around your display picture, the second is the "sign in" animation, and the third is the header of the main live window. Just for clarity on the last one, I mean this:




Any help on this would be really appreciated (the codes I'm looking for), and any free pointers would be awesome too. Also, do I have to make my replacement images the same pixel dimensions as the original images that I extracted from Messenger?

Edit:

Okay, so I have the picture I want to use for the toolbar background, same dimensions as the original background, and I wrote this in SkinInfo:

                    <Graphics><Pictures>
                        <Picture Id="637">
                            <File>lowbar.jpg</File>
                        </Picture>
                    </Pictures></Graphics>

Inside the Resources >> Replace lines. Lowbar.jpg is the image I want to use, but when I open Messenger the original image hasn't been replaced. Help?

The borders are:
1524
1525
1526

Signin Animation:
208

Header:
636
637 (Button Toolbar Background)

If you search the forum, Willz has some skinning guides available for download to aid you

Afterthough: These are for 8.5 and may vary for 9.0

And the middle part of the header is 640

damn ryxpia i was about to mention that lol