Please look at www.davispipe.com
. Note on the main page the dark blue background menu with the angled left side border. Note the mouseover effect. Note also that some of the menu items (like the top one, Irrigation) has a submenu that shows when clicked.
This is all done with Flash, a Flash on top of another Flash, the main page images slider is also Flash.
We want to get rid of Flash.
Please look at http://rkassoc.org/Davis/wooslider_thumb.html
. This is using flexslider from woothemes (using Jquery). I believe I can create the semitransparent area over the photos using Photoshop layers, one on each photo.
My question is, how can I use Jquery or CSS to do the menu with the sloped left edge and retain the effects in the menu, most importantly the sub menus.
Any ideas welcomed.