Home » Extras » Menu na Vertical

Este código lhe permite formar um menu em na direção vertical como o menu que tem aki no meu site Paresse complicado de fazer mas não é bem facil.


Coloque o codigo abaixo no CSS de seu site ou entre as tags <style></style> dentro do head de seu site.

a.mainlevel:link, a.mainlevel:visited {
display: block;
color: #ff9900;
font-weight: bold;
background-COLOR: #666666;
background-repeat: no-repeat;
width: 100%;
height: 23px;
text-indent: 5px;
vertical-align:middle;
text-decoration: none;
font-family: tahoma, Helvetica, Arial, sans-serif;
line-height: 23px;
margin-bottom: 1px;
font-size: 9px;
}

a.mainlevel:hover {
color: #666666;
display: block;
text-decoration: none;
border: 0px solid;
background: #FF9900;
}

"No código CSS vocÊ vai editar as cores os links e as fontes edite como quiser.

E aonde você quer que ele apareça cole o código e troque HTTP://WWW.SEULINK.COM pelo endereço do link.

<a href="HTTP://WWW.SEULINK.COM" class="mainlevel">link</a>
<a href="HTTP://WWW.SEULINK.COM" class="mainlevel">link</a>
<a href="HTTP://WWW.SEULINK.COM" class="mainlevel">link</a>
<a href="HTTP://WWW.SEULINK.COM" class="mainlevel">link</a>
<a href="HTTP://WWW.SEULINK.COM" class="mainlevel">link</a>

 

  Guitriches © 2006-2008                                Powered by Wordpress -  Assine!