WordPress.org

Forums

Background image (16 posts)

  1. Fliteskates
    Member
    Posted 8 years ago #

    How do I add a background image to my blog?

    Thx

  2. Nicki Faulk
    Member
    Posted 8 years ago #

    That depends entirely on where you want it to show up.

    You do this by editing your style.css file. To add it to the body of the entire page, find the 'body' section and add

    background-image: url(LINK_TO_YOUR_IMAGE);

    If you are wanting it to go elsewhere (i.e. the post, or content), then you find the corresponding tag in your stylesheet and add the code.

    There's lots of additional options for backgrounds using CSS.

  3. Fliteskates
    Member
    Posted 8 years ago #

    This is what I have in my css stylesheet:

    body {
    background: #ccc;
    color: #000;
    font-family: Verdana, sans-serif;
    text-align: justify;
    margin: 0;
    padding: 0;

    The name of my background image is: (PCProtection_bg.gif)

    So do I change it to this:

    background-image: url(PCProtection_bg.gif);

    or this:

    background: #ccc; url(PCProtection_bg.gif);

  4. moshu
    Member
    Posted 8 years ago #

    You can simply have something like:
    background: #ccc url('images/your_pic.jpg');
    provided(!) there is an /images folder in your theme's directory and the picture is there.

  5. Fliteskates
    Member
    Posted 8 years ago #

    I just placed the image in the same folder where my header is and it worked fine.

    Thanks for the help :)

  6. babyluv2
    Member
    Posted 8 years ago #

    body as in "where we type the blog" right? i have this code

    body {
    background: url(IMAGE URL) repeat center; }

    and i have it on the left side repeated. ..
    . i would like to have a code in the blog body and transparent please

  7. moshu
    Member
    Posted 8 years ago #

    @babyluv2,
    The link Nitallica provided above would be good for you, too.

  8. babyluv2
    Member
    Posted 8 years ago #

    can you come and check mine out, http://www.babienhu.com/blog/

    that's what i'm talking about, the bamboo .. i do want it. but i also want the background image inside my post or at least have it transparent.

  9. Nicki Faulk
    Member
    Posted 8 years ago #

    Ooh, pretty! :)

    If you use Firefox and do a lot of work on websites/themes and stuff like that, I highly recommend the CSSViewer plugin ... it's a little "jumpy" sometimes, but I can't live without it. I just turn it on and hover over an element and it tells me what id/class it is, the width, height, etc. :)

    Anyways, back to the topic: look in your stylesheet for ".entrada" and add your background code there. That's the code that influences your post. :)

    Hope that helps!

  10. babyluv2
    Member
    Posted 8 years ago #

    oh .. i use slimbrowser hehe .. because FF does not support Viet code =)

    oh nice .. i like it .. but let me go find the perfect bg lolzz. Thanks Nitallica

  11. moshu
    Member
    Posted 8 years ago #

    because FF does not support Viet code

    Hmm? Does not support it where? How comes I can see websites in any languages with FF?

  12. babyluv2
    Member
    Posted 8 years ago #

    but can you write it with marks?
    . because my forum is vietnamese
    and i need slimbrowser/ie to write it
    i tried FF, but it doesn't work on writing

  13. Nicki Faulk
    Member
    Posted 8 years ago #

    I've seen various Firefox fixes/extensions for other languages, someone may have written something for Vietnamese too.

    There's one I saw recently called AVIM which says "allows you to type Vietnamese directly inside FF without any additional software installed."

    If not, I'm sure the ever helpful peeps of babelzilla.org are always looking for new ways to help localize Mozilla products for other languages. :)

  14. babyluv2
    Member
    Posted 8 years ago #

    thanks Nitallica, btw, how do i add background into the blog page, not blog post? .. bcuz it looks ugly .. i just tried it ahhaha

    p.s i like it transparent with the outter background

  15. jimmym
    Member
    Posted 8 years ago #

    I thought changing the background image was just a matter of changing the background image file. I'm using WP2.2, the standard Kubrick theme. I went into the CSS and found

    /* Begin Typography & Colors */
    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
    color: #333;
    text-align: center;
    }

    So I went into my domain file manager and found the file kubrickbgcolor.jpg. After viewing the jpg to see what it looked like, I replaced it with one of my own design. You can see the result at http://cyanidehole.com

    My question for the group: How do I eliminate the checkerboard tiles and make the background ENTIRELY black?

    Somebody help me please. I'm in icky-blog hell.

  16. jimmym
    Member
    Posted 8 years ago #

    I got 'er done!

    I fixed it myself. No need to bother with my last post.

    Thanks anyway

    Jimmy

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.