karenak Crown



Here's the Categorian Beginner's First Aid Kit - Part Two



Use a picture for your background !

Step 1

If you click "Style" the following code (or something similar if you already made changes) will be shown:


body { background-color: white; color: black; }
a { color: blue; }
.invertlink { background-color: blue; color: white; }
div.hairline { border-color: silver; }
.review div.bar { background-color: lightgrey; }
.review div.text { font: normal 100% arial,helvetica,sans-serif }



Step 2


The background-image for the entire page is set in the first line.

In order to have a picture instead of a color, we need to make the following changes:


body { background-image: url( http://...path to the picture ); color: White; }




By doing this, the entire page will be filled with the picture by repeating it as many times as necessary.



This is the picture of the background on my page (at the moment). It's small and "seamless", meaning that it will show as a smooth pane. So, if you google for a suitable background picture, make sure to include the search term "seamless".


A word of caution here:

Choose a background that is easy on the eye if you like to have visitors to your blog. Make sure that the text can be easily read. Change the text and link color to contrast nicely with the background.

Yes, there are ways to have a vivid background for the page and a quiet background for the pictures and blog posts and we'll get there.

But for now:


Step 3

Click the SAVE button and have a look :-)




>>>> Part Two /a