• whatless

    (@whatless)


    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.

Viewing 11 replies - 1 through 11 (of 11 total)
  • lawtai

    (@lawtai)

    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(https://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.

    Thread Starter whatless

    (@whatless)

    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(https://yoursite.com/image1.jpg) repeat-y right;
    background: #ffffff url(https://yoursite.com/image2.jpg) repeat-y left;

    and

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

    did not work for me.

    NuclearMoose

    (@nuclearmoose)

    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.

    Root

    (@root)

    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.

    vikosta

    (@vikosta)

    Thread Starter whatless

    (@whatless)

    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

    Root

    (@root)

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

    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. ??

    Thread Starter whatless

    (@whatless)

    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.

    lawtai

    (@lawtai)

    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.

    Thread Starter whatless

    (@whatless)

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

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Can I put two images in the rap?’ is closed to new replies.