WordPress.org

Forums

[resolved] How do I do this? (8 posts)

  1. dannybcastillo
    Member
    Posted 8 years ago #

    I want an image to run around my page div {default theme}. Making it appear as if it is floating and casting a shadow.

    Any help would be great! thanks

    DBC

  2. tsguitar
    Member
    Posted 8 years ago #

    So you just want the border of your main content area to have a dropshadow? This might help:
    http://www.alistapart.com/articles/fauxcolumns/

    Instead of columns, you want to pay attention to creating an image with the dropshadow you want. It's really just a matter of applying a background image to your whole site. Make sense?

  3. dannybcastillo
    Member
    Posted 8 years ago #

    Thanks for the response. It makes sense now. I just didn't know it was called faux columns.

    Thanks again ;)

  4. dannybcastillo
    Member
    Posted 8 years ago #

    I have another question.
    How do I round the corners of a div {border}? with js or css?

  5. tsguitar
    Member
    Posted 8 years ago #

    The corners are just an image you put in place. I imagine that JS *could* do it, but CSS is designed to do it. You'd just need to figure out where you want those rounded corners to appear. Remember, the corners are not actually rounded; they are just images of a rounded corner that you put in place to make it *look* like the whole thing is rounded. Right?

    P.S. Faux columns is just the name Cederholm called them. But the "official"-ness of that title doesn't go any further than that.

  6. kentendresen
    Member
    Posted 8 years ago #

    Try to search on google on that, there's a lot of tutorials on that one.

    Here's one, I bet you find better ones:

    http://kalsey.com/2003/07/rounded_corners_in_css/

  7. dannybcastillo
    Member
    Posted 8 years ago #

    Thanks guys. I will check my options.

    P.S. I was really hoping that I wouldn't have to create any more images for the visitor to download.

  8. dannybcastillo
    Member
    Posted 8 years ago #

    http://www.html.it/articoli/niftycube/index.html
    Creates the corners with js & css.

    Another question on Faux Columns: How change the background for the footer, if I don't want the footer to end at the status bar of your browser?

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags