Using background images in your website

Pixabella

  • RSS Feed
  • Login
  • Home
  • Templates
  • Free Stuff
  • My Photos

Saturday, June 28. 2008

Using background images in your website

I'm really getting quite excited about the various background images I think I'm going to create and it makes sense to give you guys a quick tutorial on how to use them.

Basically you only need to make a one line change to the stylesheet of your website, so I hope it won't be too difficult to do.

Your stylesheet will typically be called style.css or default.css although other names could be used. Also, if you're using blogspot you won't actually have a separate stylesheet just to confuse matters. Hopefully you'll be able to work with these background images without too much difficulty.

So, once you're looking at your website stylesheet, simply search for the body element. This will most likely be somewhere close to the top.

Next, add this line

background: transparent url(path-to-image/caramel-chevron.png) repeat;

You'll need to change the 'path-to-image' part to the url of the folder where your images are stored, and of course you'll need to change the name of the background image if you aren't the caramel chevron.

That's it, your website should now be showing your new background. Let me know if you have any problems or suggestions.
in HTML and CSS   Comment (1)

Trackbacks
Trackback specific URI for this entry

No Trackbacks

Comments

  1. rajesh said,

    Tuesday, July 1. 2008 at 12:24 (Reply)

    lovely !

Add Comment

Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.
E-Mail addresses will not be displayed and will only be used for E-Mail notifications

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA

 
 
 
 

Categories

  • Blog
  • Cartoons
  • Favourite Music
  • Free Stuff
  • Free Templates
  • Gardening
  • HTML and CSS
  • Inkscape
  • Photo Favourites
  • Recipes
  • Travels

All categories

Archives

September 2008
August 2008
July 2008
June 2008
May 2008
Recent...
Older...

My Readers


I Support Inkscape

Get Inkscape
Open Clip Art Library

Rabbit

© 2006-2008 Pixabella.Design by Pixabella. Valid XHTML, CSS