Asked by rgranlund
at 2024-07-21 15:37:31
Point:500 Replies:8 POST_ID:829060USER_ID:11963
Topic:
Cascading Style Sheets (CSS);PHP Scripting Language;WordPress
I am wondering if there is a way to create a Menu dropdown with css. Meaning it shows up as the background when you hover over a menu choice and then there is a dropdown list. The catch is, I want the top to be different from the bottom. I have attached an image to explain what I would like to accomplish with CSS.
Expert: Ray Paseur replied at 2024-07-22 09:38:03
You might want to learn about this: https://developer.chrome.com/devtools/index
Accepted Solution
Expert: chilternPC replied at 2024-07-21 16:20:50
500 points EXCELLENT
the link I send you enables You to develop your own menu system then download it. but you have to know how to add rounded corners and change the colours.
if you don't know this try this link its all ready to download:
http://code.tutsplus.com/tutorials/how-to-build-a-kick-butt-css3-mega-drop-down-menu--net-15129
if you don't know this try this link its all ready to download:
http://code.tutsplus.com/tutorials/how-to-build-a-kick-butt-css3-mega-drop-down-menu--net-15129
Expert: Gary replied at 2024-07-21 16:00:29
Author: rgranlund replied at 2024-07-21 15:58:31
@All
What I think everyone is missing is that I want to create the main navigation background (coverage) also with CSS when it is hovered.
What I think everyone is missing is that I want to create the main navigation background (coverage) also with CSS when it is hovered.
Expert: duncanb7 replied at 2024-07-21 15:47:01
There is site for CSS menu bar tutorial and more than 100 example choices
with tutorial html and css code, probably, you take example no 31 at this site
http://www.noupe.com/css/100-great-css-menu-tutorials.html
Or you can directly go to tutorial Example 31 site
http://webexpedition18.com/articles/how-to-create-a-simple-drop-down-menu-with-css3/
Duncan
with tutorial html and css code, probably, you take example no 31 at this site
http://www.noupe.com/css/100-great-css-menu-tutorials.html
Or you can directly go to tutorial Example 31 site
http://webexpedition18.com/articles/how-to-create-a-simple-drop-down-menu-with-css3/
Duncan
Expert: chilternPC replied at 2024-07-21 15:43:45
this site lets you play with the code and se the result then download the code.
http://codepen.io/johndelatorre/pen/uGIno
change the background colour and style in the css and then download it once it looks how you want it
http://codepen.io/johndelatorre/pen/uGIno
change the background colour and style in the css and then download it once it looks how you want it
Expert: Gary replied at 2024-07-21 15:43:17
As long as the LI contains a block element anchor tag it's easy enough since you can then target the top level anchor and the sub level anchor seperately
http://jsfiddle.net/wtSKB/
http://jsfiddle.net/wtSKB/
If this is what you mean
Author: rgranlund replied at 2024-07-21 15:38:33
