Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
dropdown menu zero markdown css only
#8
just added in the css file this code is to demonstrate the capabilities of css
Code:
header nav ul li{
position:relative;
}
header nav ul li.currentpath > a {
    color:#FFF;
    background:#7096B6;
    background:rgba(255,255,255,.2);
    text-decoration:none;
    border-radius:10px;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
    -webkit-border-radius:10px;
}
header nav ul li ul {
position:absolute;
background: White;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
z-index : 9999;
min-width : 150px;
display:none;
padding: 5px 10px 5px 0;
}
header nav ul li ul li ul{
    left : 99%;
    top : -5px;
}
header nav ul li ul li{
float:none;  
}
header nav ul li ul li+li{
    border-top : 1px dashed #4878A1;
}
header nav ul li ul li a:link,
header nav ul li ul li a:visited{
    background-color : transparent;
    color : Black;
    text-shadow: 0px 0px 0px rgba(0,0,0, .3);
    padding-top : 5px;
    padding-bottom : 5px;
}
header nav ul li:hover ul {
display:block;
}
header nav ul li:hover ul li ul{
display: none;
}
header nav ul li ul li:hover ul{
display: block;
}
header nav ul li ul li:hover ul li ul{
display: none;
}
header nav ul li ul li ul li:hover ul{
display: block;
}
header nav ul li ul li.current > a {
color:#4878A1;
font-weight:800;
background-color : transparent!important;

}
Reply


Messages In This Thread
dropdown menu zero markdown css only - by shawn_a - 2015-07-25, 04:13:26
RE: dropdown menu zero markdown css only - by Oleg06 - 2015-07-29, 01:40:31



Users browsing this thread: 1 Guest(s)