oz web hub

resources to assist the web designer

Seamless backgrounds for a web site


Right click and 'save as' to your own hard drive.

To use with HTML place <body bgcolor="#FFFFFF" text="#000000" background="images/nameof.gif"> after the </head> tag

To use with an external css stylesheet, insert background:url(images/nameof.gif); into it.

Rename these gifs with your own image name. Only use images/something.gif if you upload all your images into an 'images' folder. Use as you like.

yellowpinkyellowred

You can colourise the black and white backgrounds in Photoshop by doing this:

1. Open image in Photoshop

2. Press Alt and click on the New Adjustment layer button in the Layers palette. Keep pressing left mouse button, select Hue/Saturation. In dialogue window check Group with Previous Layer checkbox, leaving the rest of the settings as default. Mode:Normal, Opacity 100%. Press OK.

3. In the Hue/Saturation dialogue window check Colorize. Change the bars to suit. Save for web.

How to make backgrounds

« computers | web design »