How do I add a background image?

Discussion in 'HTML & Website Design' started by ox101, Oct 30, 2008.

0
  1. #1
    Hello dp members.

    I have a website using a css file. My site has a white background which I want to change with somthing like a pattern. How do I go about doing this? Any help would be appreciated.

    Thanks:D
     
    ox101, Oct 30, 2008 IP
  2. Artimmi

    Artimmi Active Member

    Messages:
    130
    Likes Received:
    9
    Best Answers:
    1
    Trophy Points:
    68
    #2 
    background: url('images/bgpic.gif') top left no-repeat;
    Code (markup):
    where "images/bgpic.gif" is path from css file to your background picture, "top" is vertical bg position, "left" is horizontal bg position (for vertical: top, middle, bottom; for horizontal: left, center, right; you can also use percents instead of this values: "50% 50%" means "middle center" for example ), "no-repeat" specifies repeat of your image (if you want to clone the same pattern use repeat-x, repeat-y or repeat-xy to clone your image horizontally, vertically or both.

    just add this line to your body style in .css file

    hope that helps
     
    Artimmi, Oct 30, 2008 IP
  3. ox101

    ox101 Member

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    Thanks, I give this a try.
     
    ox101, Oct 30, 2008 IP
  4. koka

    koka Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I need your help please see i did what you said about how to change the background
    Please Vist the blow link you will see the site normal
    1fast5 . com
    goo blow at end then change the style to the default one then you will see the site after i edite it
    Note there is images in the root ( mages/test.gif )
    do it for e please and the blow link for .css file
    here wire my web /xcms.rar
    you will find the .css file

    Hope to here from you soon
     
    koka, Sep 3, 2011 IP
  5. 911511

    911511 Peon

    Messages:
    45
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    i think you must visit w3schools.com so it will help in future also.
     
    911511, Sep 16, 2011 IP
  6. mac987

    mac987 Greenhorn

    Messages:
    14
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #6
    It's really simple.Visit www (dot) w3schools (dot) com/css/css_background.asp..you can get everything right there.And full page backgrounds are most popular nowadays.
     
    mac987, Sep 23, 2011 IP
  7. uday nikam

    uday nikam Peon

    Messages:
    318
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Hi,
    I think you use this tags to change your web page background image and colour...

    </HEAD>
    <body background="your background image.gif" bgcolor="#000000">
     
    uday nikam, Sep 23, 2011 IP