We will take on the easy task of adding background image to a phpnuke theme. This tutorial will work with any theme.

Steps :
For those familiar with css and style sheets then you should know this is really simple. First you need to upload your background image to a folder. This example I used the theme's folder. themes/CoolTheme/images/background.gif. Once your image is upload, it's time to add the codes to your style sheet. Open themes/CoolTheme/style/style.css . The only part we will be dealing with is the body tag.

body{

There will only be line of codes added. I will go into details so don't worry. The first is to link to the actual image. The codes below shows you that line of code. As you can see we put the link to the actual image. Notice that you can set your background color that will be shown where the image stops.

background:#ffffff url('../images/YOUR_BG_IMG.jpg');

You can leave your background as that but it will repeat over and over. That is useful if you have a small image that you want to use as the complete background. Let's say you have a cool image that you want to place close to the top to the left. The first thing we do is stop the image from repeating as in the example below.

background:#ffffff url('../images/YOUR_BG_IMG.jpg') no-repeat;

Simple, wasn't it? But it's not done, let's go further. We need the image to be aligned to the left and close to the top. We will add one final tag to handle the alignment. The codes below shows how it's added. We use percentages to align, you could use left, top, right and so one but to get it exactly where we want, percentages will do the job. The first percentage "0%" is the alignment to the left. The second "10%" is the alignment from the top. You can change these values to anything you want. Play around with those numbers.

background:#ffffff url('../images/YOUR_BG_IMG.jpg') no-repeat 0% 10%;

As you can see we added a background color. That's it. Enjoy :)