Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Menu with drop down based on Video #84 Chris McGarry

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #33949
    TWG
    Participant

    After watching the video that Chris made about his friends website, I decided to start playing around with HTML5. I’ve got a menu setup inside the footer of my test site and I want to add dropdown effect to it but have it going upwards. I was hoping someone might be able to help me with this. I would really like to get it working with wordpress if possible.

    #85136
    TheDoc
    Moderator

    Here’s a code example for you:

    .your-class {
    -moz-box-shadow: 0px -2px 5px #ffffff; /* FF3.5 - 3.6 */
    -webkit-box-shadow: 0px -2px 5px #ffffff; /* Saf3.0+, Chrome */
    box-shadow: 0px -2px 5px #ffffff; /* Opera 10.5, IE9, FF4+, Chrome 10+ */
    }

    The negative number (-2px) means the it will shift upwards.

    #85138
    TWG
    Participant

    @TheDoc,

    I guess I was very clear on what I was trying to do. I have your typical menu.



    Instead of the sub-menu dropping below the list item like it usually does, I would like it to go above the menu.

    #85141
    TheDoc
    Moderator

    Aaahhh, sorry, my mistake! I read ‘dropdown’ as ‘dropshadow’.

    This is a really quick example, but hopefully can set you on the right path: http://jsfiddle.net/XM7Rx/

    #85166
    TheDoc
    Moderator

    I would! Do you have a link to the site that you’re working on?

    #85169
    TheDoc
    Moderator

    No problem. Create a jsfiddle with just the footer and the related CSS.

    #85173
    TheDoc
    Moderator

    Sorry, not the code in your theme file, but the code that actually renders on the website!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.