Project: BlogSphere V3 (Managed by )
Subject
how position menu
Categories
User Interface
Posted by
laurent basset on 08/12/2008 at 03:02 AM
Details
How position menu in template ?
A BlogSphere Features option propose this :
(can you explain me please, thank)
.nav, .nav * {margin:10;padding:0;}
.nav {line-height:1.0;float:left;}
.nav ul {background:#fff;width:11em;}
.nav li {background:#fff;border-left:1px solid #fff;border-top:1px solid #CFDEFF;float:left;list-style:none;position:relative;z-index:75;}
.nav a {color: #13a;display:block;float:left;padding: .25em 0 .25em 2em;text-decoration:none;width:9em;}
.nav li ul {float:none;top:-999em;position:absolute;}
.nav li hover,.nav li.sfHover,.nav a:focus, .nav a:hover, .nav a:active {background:#CFDEFF;}
.nav li:hover ul,ul.nav li.sfHover ul {left:-1px;top:1.5em;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:9.45em;top:-1px;width:11em;}
.superfish li hover ul,.superfish li li:hover ul {top: -999em;}
.nav li li {background:#AABDE6; float:left;width:11em;}
.nav li li li {background:#9AAEDB;}
.nav li li a {float:none;padding-right:0;width:9em;}
Modification history
| Entered 12-Aug-2008 3:02 by laurent basset. Last Modified <none> by <none>. |
Feedback
Check out other projects
Anonymous