Includes Custom

Is it possible to have multiple different images set as a background when designing a webpage?

if so can u just write the code out and i'll just copy and paste it haha
so the code would be just the usual background-image... balhblahblah and what would the position be. or would i just put them one after the other?

You can do many more things with background images such as resize and use multiple images if you use CSS 3. CSS 2.1 does not support multiple or resizing background images. Unfortunately, many browsers also do not support CSS 3. Opera does so far. Other browsers support parts of CSS 3.

If you want multiple images as a background, the current method would be to use a collage:

Collage Makers:

Shape Collage (Free Automatic Photo Collage Maker): http://www.shapecollage.com/
Picture2Life is a powerful, but simple and easy-to-use online image editor which also allows you to create collages and animated gif's (or animations): http://www.picture2life.com/Tour/Default.aspx
http://www.dundoo.com/create.php (Collage Album Maker)
http://www.makeuseof.com/dir/hockneyizer-photo-collage-generator/ ( Photo Collage Generator)
http://www.megacollage.com/index.html (The best compilations of popular media including custom photo collages, music and video playlists and text compilations.)

How to Make a Picture Collage in Photoshop: http://www.ehow.com/how_2085591_make-collage-photoshop.html
Collages from your photos as wallpaper and print: http://www.photovisi.com/
How to make a collage of your favorite photos for your desktop using Picasa: http://www.googletutor.com/2008/07/21/how-to-make-a-collage-of-your-favorite-photos-for-your-desktop-using-picasa/

Background Image Code:

For the body tag example:

body {
width: XXpx;
height: YYpx;
margin: 0 auto;
background: #fff url(image_name.jpg) no-repeat center scroll;
}

That is the proper CSS code for a non-tiled image where the contents scroll with the background image. Change "#fff" to preferred bg color. Change "scroll" to "fixed" if you want page contents to scroll over bg image. Be sure to set proper width/height to provide minimum page size to display bg image. Put the CSS on an external CSS file. If using embedded CSS, then place CSS between the style tags and place those style tags between the head tags of the page.

For a tiled image, change to:

body {
width: XXpx;
height: YYpx;
margin: 0 auto;
background: #fff url(image_name.jpg) repeat top left scroll;
}

Put that CSS on an external CSS file if you have more than one page. Put the CSS between the style tags and place them between the head tags if using it on one page. Style another tag other than the body tag if you are using a div wrap container. Should you want the contents of page to scroll over the background image, change "scroll" to "fixed".

Inline CSS example:

Ron

Ron

Discover Includes Custom On eBay Below:



Recently Bought Includes Custom:


new black pelican 1670 case with foam includes free custom engraved nameplate, yellow pelican 1120 case with foam includes free custom engraved nameplate



Comments are closed.