Monday, April 09, 2007

The first thing everyone wants to do is to Change the Background Pic.

So ok. Let's get to it.

First find a pic you like. Think about themes-- whether that means through images or color. Upload that image to
pantherfile or to Photobucket.

Look through the beginning or your code in your word document for this:


/* Primary layout */

body {

margin: 0;

padding: 0;

border: 0;

text-align: center;

color: $mainTextColor;

background: #692 url(http://i79.photobucket.com/albums/j160/Brookeumns/IMG_1701.jpg) top center repeat;

font-size: small;

}

Go in and change the http address in between the ()s. Save and view.

After the http address it says top canter repeat. If you want to change the way the image is repeated in you document change in these ways:

Possible image repeat Values

Value

Description

repeat

Default. The background image will be repeated vertically and horizontally

repeat-x

The background image will be repeated horizontally

repeat-y

The background image will be repeated vertically

no-repeat

The background-image will be displayed only once

Make sure you NEVER erase the semi-colons ;


Try it out here : http://www.w3schools.com/css/tryit.asp?filename=trycss_background-repeat


No comments: