WordPress.org

Ready to get started?Download WordPress

Forums

Can I put two images in the rap? (12 posts)

  1. whatless
    Member
    Posted 9 years ago #

    I would like to have one image on the right and the other on the left. I'm guessing this is how people get shadows and other things running up and down the side of their templates. If not I'm using a version of gemini please enlighten me on how it is done.

    Thanks.

  2. lawtai
    Member
    Posted 9 years ago #

    yes i'm pretty sure that this can be done with css. I'm not an expert, but i believe that you'd just need something like this:

    background: #ffffff url(http://yoursite.com/image.jpg) repeat-y right;

    that'll give you a background on the right side, you can also add left in there to give you the image on the left side too. I believe that this should work, but I haven't actually tried it out.

  3. whatless
    Member
    Posted 9 years ago #

    That's how you get one image in, but how do I get a different image to repeat-y on the left side.

    background: #ffffff url(http://yoursite.com/image1.jpg) repeat-y right;
    background: #ffffff url(http://yoursite.com/image2.jpg) repeat-y left;

    and

    background: #ffffff url(http://yoursite.com/image.jpg) repeat-y right, url(http://yoursite.com/image2.jpg) repeat-y left;

    did not work for me.

  4. NuclearMoose
    Member
    Posted 9 years ago #

    Another way of doing it is to have a single image that is wide enough to show the left and right borders.

    If you are using WP 1.5, go into /wp-content/themes/default/images/ and look at the image file called kubrickbg.jpg. You will see that it has both left and right side "shadows" as well as the main background colour for posts and the sidebar menu.

    This image is centred in the page and is repeated vertically. all other images, like the header and footer, are laid over top.

  5. Root
    Member
    Posted 9 years ago #

    Altrrnatively add another wrapper nested immediately inside the first. Put one image on the left of the outer and one on the right of the inner one. Normal repeat malarkey.

  6. vikosta
    Member
    Posted 9 years ago #

  7. whatless
    Member
    Posted 9 years ago #

    Nuclear Moose,
    After my second post it hit me that I have OmniGraffle. Shortly after that it occurred to me maybe that's how people get shadows on both sides. So I got it done now, I only have one thing left (I hope).

    Root,
    I can't find where I would insert "padding" so I can have some space between the comments. Hope you can help.

    vikosta,
    Thanks for the link I will take a look at it.

    Thanks all

  8. Root
    Member
    Posted 9 years ago #

    Naaaaah. Its just one bg graphic to the rap width plus a bit. Have a look at this forrum. Right click view image.

  9. re: padding around the comments part.
    look at the template where the comments are. Find the div tag. It'll say something like < div = "comments" > then have comment code stuff. (technical term, there)
    Then go to the stylesheet (the filename with .css at the end) and look for the same name as in the div tag. in my example, it's "comments". If it doesn't have a line for padding already, add one. If padding is there, increase the value and try it out.

    If that's too confusing, give me a URL and I'll have a look. :)

  10. whatless
    Member
    Posted 9 years ago #

    I think I'm done but I have no idea if it works with IE.

    [The link is gone because lawtai tells me it doesn't work in IE and I'm not sure how to fix it.]

    Tell me what you think and if it works I will start a thread on it.

  11. lawtai
    Member
    Posted 9 years ago #

    heh, your whole site needs work on IE. right now, you only see the shadow on the right side, and not the left, and there's a bunch of other problems as well. Looks good in FF though.

  12. whatless
    Member
    Posted 9 years ago #

    Thanks lawtai I don't have access to a PC right now so I'm going to have to put this a side.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.