WordPress.org

Ready to get started?Download WordPress

Forums

Insert Background and Header IMage (6 posts)

  1. KattheLeopardess
    Member
    Posted 8 years ago #

    How and in which PHP or CSS file do I place a background image (currently in the theme's images folder)?

    Secondly, What is the way to go about creating an imagemap for my header?

  2. Michael Bishop

    Posted 8 years ago #

    Generically speaking, you can add a background image via CSS

    For instance, your header is a div="header".

    #header { background: #EDEDED url(images/someimage.jpg) no-repeat}

    Notice I add a color and image, incase people are surfing with images turned off.
    But keep in mind, there are many tricks and tips to adding images as a background via CSS. I suggest looking at the Codex for more on CSS tutorials and info.
    http://codex.wordpress.org/CSS#CSS_Resources

  3. KattheLeopardess
    Member
    Posted 8 years ago #

    Okay. I went into the style.css file and it looks something like this (please note that background.jpg and navbar.jpg are the images Im trying to use and that are placed in the images folder):

    edit: please do not post long code like an entire style sheet. A link to the site or style sheet will suffice

  4. red-star
    Member
    Posted 8 years ago #

    Thats a damm long post, but try this one

    #header { background: #000000 url(images/background.jpg) no-repeat}
    }

    Make a image in a photoshop program. Look at the size, and name it.
    Upload the image to your theme/image folder, and adjust the name (when changed) in your CSS file

  5. KattheLeopardess
    Member
    Posted 8 years ago #

    red-star....but where does this go?

    -kat

    Edit: I had a feeling you guys might have a problem with that. I couldnt very well attach the file to this post.

    Here is a link to the php files:

    http://www.ladyleopardess.com/ljstuff/wordpress/

  6. KattheLeopardess
    Member
    Posted 8 years ago #

    bump

Topic Closed

This topic has been closed to new replies.

About this Topic