Creating a graphic skin for your website

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

homepage

Simple

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.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s