Home » Extras » Menu na Horizontal

Este menu ele é um pouco mais dificil para que esta configurando o código mas é a mesma coisa que o outro e atenção ele não é um Menu dinamico.


Coloque esse codico no seu CSS:

#navigation {
width : 621px;
height : 40px;
margin-top : 0px;
list-style : none ;
display : inline ;
font : normal 1em "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Arial, sans-serif ;
}

#navigation ul {
background : transparent url ( images/navlink.jpg ) repeat-x top left ;
margin : 0 ;
padding : 0 ;
width : 100 %;
height : 40px;
}

#navigation li {
background : url ( images/navlink.jpg ) repeat-x top left ;
float : left ;
list-style-type : none ;
display : inline ;
        border-right :1px solid #FFF;
}

#navigation a {
width : 75px;
height : 25px;
display : block ;
color : #FFFFFF;
        padding :15px 0 0 7px;
}

#navigation a :hover {
background : url ( images/navhover.jpg ) repeat-x top left ;
height : 30px;
color : #808080;
        padding :10px 0 0 7px;
}

Edite como quiser as cores e as fontes no CSS

E coloque esse onde você deseja que o menu aparessa:

<div id="navigation">
<ul>
<li><a href="HTTP://WWW.SEULINK.COM">Descrição</a></li>
<li><a href="HTTP://WWW.SEULINK.COM">Descrição</a></li>
<li><a href="HTTP://WWW.SEULINK.COM">Descrição</a></li>
<li><a href="HTTP://WWW.SEULINK.COM">Descrição</a></li>
<li><a href="HTTP://WWW.SEULINK.COM">Descrição</a></li>
</ul>
</div>

 

  Guitriches © 2006-2008                                Powered by Wordpress -  Assine!