CREATE A DEFAULT LAYOUT

Creating a default layout is almost the same as adding a picture to your background only the code is a bit different. I repeated the step by step instructions below just in case you needed it.

 <style>

 body {    background-color: MATCH WITH YOUR PICTURE;

                 background-image: url(http://IMAGE URL HERE);

                 background-attachment: fixed;

                 background-position: bottom right;

                 background-repeat:no-repeat;}</style>Codes by

                 <a href="http://www.ourawesomeworld.com">OurAwesomeWorld.com</a>

The background color should always match with your picture. Computer screens come in different sizes so just because the background fills your screen doesn’t mean it fills everyone’s screen. You can check out the Color Code Chart for the color you want. For example if you want your background  red, your code would look like this background-color:ff0000;

If you do not want an image to appear in your background delete background-image:url(http://IMAGE URL HERE); then you will only have a plain background color.

The background-attachment could be either fixed or scrolled. If you want the background picture to stay in place when you move your layout up and down to read the comments then choose fixed. If you want the background to move with you then you choose scroll.

Your background position is where you’d like you background placed. You decide what you like best . Here are the options to choose from: bottom left, top left, bottom right, top right, center center, left center and right center.

And lastly if you would like your background picture to appear one next to each other repeatedly then you would write background-repeat:repeat;  If you want let’s say just one big pic in the center of your screen then you would choose background-repeat:no-repeat; and your background-position: center center.