Join us!

1 - The first thing to do is a picture for your background (if you want other thing than only an uniform color).
But for a background, this picture will be repeated to fill the screen resolution up of your visitor. So you have to take care of the joins on each of the 4 edges of your picture! Why? Just for a nice background's look Look these two example here:


On your left you have a bad edges join picture: "bkgrnd1.jpg", and on your right, a good edges join picture: "bkgrnd2.jpg".
Try them if you want to see the result!

- I will NOT explain how to do a such picture Yes it's too difficult here and it depends of your image editor software!
- You can find on Google some tutorial about how to creat a "seamless pattern image"
So I know only two softwares who can help you to make good edges join pictures: Photoshop (Not the best) and Painter (nice).
- You can also find some ready to use seamless pattern pictures on Google images.
--------------------------------
2 - When your background is ready, you have to upload it on your Opera blog: Go to your Opera blog's account here:

Then you will see this:

Click on the Files button... and you will see this:

Click on the tab "Upload files"... and you will see this:

Select the directory "files" (if you don't have one, you have to create it. Also don't use the "blog" directory, in this directory your background image can be resized smaller), then click on the button "Choose" (In yellow here). Find your new background image on your computer, and then click on the "UPLOAD" button and wait a few seconds
After the upload, you will see your directories and the files you have in them. As you can see in the previous screen shot: my "fond-tapisserie.jpg" background
--------------------------------
3 - Now it's time to personalize your blog's background
- Go again to your Opera blog's account here:

Then you will see this:

Click on the "Design" button... and you will see this:

Click on "custom style sheet" on the upper right... and you will see this:

So here, under the 2 words "Enter CSS:", you have to write this code in the empty box:

body {
background-image:url(http://files.myopera.com/holdowicz-claude/files/fond-tapisserie.jpg);
background-color:#990000;
}

- BUT you have to change "holdowicz-claude" by your own blog's title (the one you can see in the address bar of your browser),
AND also this "fond-tapisserie.jpg" by your own background's name
- After that, don't forget to check this line:
Use my custom style sheet together with the current theme,
and then click on the SAVE button
- Refresh your Browser and see the result BRAVO!
--------------------------------
4 - You will find some background images in my "Photos" section.
--------------------------------
5 - How your CSS code will be if you already have a customized banner?
If you have already followed my first tutorial, just add those CSS code lines here to the existing ones!
Like this:

#top {
background: url(http://files.myopera.com/holdowicz-claude/files/claude-banner.jpg) top left;
}

body {
background-image:url(http://files.myopera.com/holdowicz-claude/files/fond-tapisserie.jpg);
background-color:#990000;
}

--------------------------------
6 - About this line of CSS code: "background-color:#990000;"
This is the background color! You can see it before your browser load the background image, or if you leave blank the "background image URL" like this:

background-image:url();

- So the background color used here is: #990000 It will give this color: