How to Put background image like this?

Hi there,

I want to know that how to put the background image like in the following website

http://www.proctortechnologies.com/products/index.html

And how to make the image dim.

Any help will be appreciated.

Best Regards
bushib

 

Check out the CSS, you can see this:

.mainback {
background-image: url(../images/main_back.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

This is where they define the background

 

.mainback {
background-image: url('../images/main_back.gif');
background-repeat: no-repeat;
background-position: right bottom;
}

grrr...don't like people not using quotes in the image url

 

You have to first design the image in terms of sizing specifications. It has to be as big/small as you want the entire page to appear in html. To make a portion of the background image dim like that, you need to modify its opacity in a program like Photoshop, save it, and then apply it as a background to your site. Just use the dotted box and put it around the portion that you want to have a lower opacity.

Hope this helps.

 

use that css for your image if you are familiar with css style..but if you'r not familiar with them just try webdeconcepts way(using macromedia dreamwever should be more practice).