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?