Monday, October 6, 2008

Finally- background picture

I finally figured out how to put a background picture on my blog, and how to change at least bits and pieces of the HTML, which can be quite a pain. For those of you who are curious:
On your original blog template, there is a code that runs like sort of like this (this is what mine was originally).
body {
background:#bca;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:#cceedd;
font-size/* */:/**/small;
font-size: /**/small;
}
All that we will deal with here is this little bit from the beginning:
body {
background:#bca;
All right. The #bca tells you the color hex code, basically it tells the computer what color to make your background. But we want it to have a picture instead. Change the code to look like this:

body {

background-image:url();

This tells the computer that you want to put an image there. Watch the differences carefully, a tiny misspelling could mean major disaster. All right. The next step is to find your picture. It must be somewhere on the Web. Once you find the picture you want, right-click. Select "view image" from the list that appears. That is the final URL of your picture. Copy the URL from the address bar and paste it between the two parenthesis. For example, at the moment, my code looks like this:

body {
background-image:url(http://farm4.static.flickr.com/3276/2576252538_106ca43d2c.jpg?v=00);

I have yet to figure out how to make the picture not repeat, or to center itself, etc. But I am pleased to have gotten so far!


No comments:

Post a Comment

 
Related Posts with Thumbnails