Creating a graphic skin for your website

Want to create a skin around your website to make it more appealing – a little like this?



Create a graphic like this where the centre is empty

This is two similar strips 140px wide and 700px deep that are placed either side of a 1200px centre. I have added a shadow to the left for effect.
Skin background

Add this to your body tag using this style

style=”background-image: url(bg.png); background-attachment: fixed; cursor: pointer; background-position: 50% 0%; background-repeat: no-repeat no-repeat;”

Your website centre will scroll within this skin and look really good.