Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie
Hi all,
Vanilla are planning an update to the site on April 24th (next Wednesday). It is a major PHP8 update which is expected to boost performance across the site. The site will be down from 7pm and it is expected to take about an hour to complete. We appreciate your patience during the update.
Thanks all.

CSS Drop Shadow

Options
  • 13-01-2009 4:27pm
    #1
    vodkadub
    Closed Accounts Posts: 184 ✭✭


    Can anyone tell me how to create CSS Drop Shadows, the ones that appear regulary on the borders of websites? any practical examples of links to tutorials?
    cheers.


Comments

  • Options
    #2
    matt-dublin
    Registered Users Posts: 4,468 ✭✭✭matt-dublin


    create a div with a background and use it as a container for all of your content.

    your background only needs to be 1 picel high and however wide you want you container to be.


  • Options
    #3
    vodkadub
    Closed Accounts Posts: 184 ✭✭vodkadub


    can you post some code as an example?


  • Options
    #4
    onemorechance
    Registered Users Posts: 3,078 ✭✭✭onemorechance


    I'm not sure what either of you mean! but here is what matt is on about i think!

    <html>
    <head>
    <title>Example</title>
    </head>
    <body>
    <div style="border: 1px solid red; background-color: #FF0000; width:100px; height:1px; margin-left:100px; margin-top:100px;">
    <div style="border: 1px solid blue; width:90px; height:90px; margin-top:1px;">
    <p>Is this it?</p>
    </div>
    </div>
    </body>
    </html>


  • Options
    #5
    oeb
    Registered Users Posts: 2,793 ✭✭✭oeb


    There are a couple of ways of doing it. But seriously man, google 'CSS drop shadows' it returns pages and pages of valid results.

    CSS Drop Shadows - A list apart
    CSS Drop Shadows - Webtoolkit
    Easy CSS Drop Shadows - 1976design

    And that's just the first three results, and every one of them is suitable either directly, or with a tiny bit of adaptation, for your needs, and comes with code. I'm sure I don't speak for just myself when I say that we will be happy to help with any problems you may have, but we are not here to hold your hand and do your research for you because you are too lazy to do it yourself!


  • Options
    #6
    vodkadub
    Closed Accounts Posts: 184 ✭✭vodkadub


    oeb wrote: »
    There are a couple of ways of doing it. But seriously man, google 'CSS drop shadows' it returns pages and pages of valid results.

    CSS Drop Shadows - A list apart
    CSS Drop Shadows - Webtoolkit
    Easy CSS Drop Shadows - 1976design

    And that's just the first three results, and every one of them is suitable either directly, or with a tiny bit of adaptation, for your needs, and comes with code. I'm sure I don't speak for just myself when I say that we will be happy to help with any problems you may have, but we are not here to hold your hand and do your research for you because you are too lazy to do it yourself!

    Easy now, actually looked to Google first but didn't want to wade through thousands of results. Thank you for the productive responses


  • Advertisement
Advertisement