- This topic is empty.
August 17, 2011 at 1:44 pm #33949TWGParticipant
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.August 17, 2011 at 2:00 pm #85136
Here’s a code example for you:
-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.August 17, 2011 at 2:13 pm #85138TWGParticipant
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.August 17, 2011 at 2:32 pm #85141
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/August 17, 2011 at 10:14 pm #85166
I would! Do you have a link to the site that you’re working on?August 17, 2011 at 11:39 pm #85169
No problem. Create a jsfiddle with just the footer and the related CSS.August 18, 2011 at 1:31 am #85173
Sorry, not the code in your theme file, but the code that actually renders on the website!
- The forum ‘CSS’ is closed to new topics and replies.