CSS3 Navigering - ett vackert CSS3 navigering exempel (1 / 3 steg)
Steg 1: HTML-koder för navigeringsfältet CSS3
-----------------------------------------------------------------------------------------------------------------------------------------------------------------
< div class = "Huvudmeny" >
< div class = "varumärke" >
< en href = '#' class = "logo" > din logotyp < /a >
< div class = "btn-gruppen" >
< knappen typ = "knappen" klass = 'logga in' > Logga in < / knappen >< knappen typ = "knappen" class = "registrera" > registrera < / knapp >
< / div >
< div class = "Sök-fältet" >
< input type = "Sök" platshållare = "Sök" / >
< en klass = 'Sök-ikonen' > s < /a >
< / div >
< / div >
< ul klass = 'nav clearfix' >
< li >< en href = '#' > NFL < /a >< /li >
< li >< en href = '#' > MBL < /a >< /li >
......
< li >
< en href = '#' > mer < /a >
< ul klass = "mer-sport" >
< span class = "header" > Sport < / span >
< li >
< en href = '#' > Aussie fotboll < /a >
< en href = '#' > MSL < /a >
< en href = '#' > CFL < /a >
< en href = '#' > NCAA Baseball < /a >
< en href = '#' > Cricket < /a >
< en href = '#' > OS < /a >
< /li >
< li >
......
< /li >
< li >
......
< /li >
< span class = "sidfot" > Senast uppdaterad: idag, 28 September, 12 minuter sedan < en href = '#' > alla sporter < /a >< / span >
< /ul >
< /li >
< /ul >
< / div >
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------