All for Joomla All for Webmasters

Menu de duas colunas

O menu é basicamente o mesmo que o meu da página de Goodies.

1. Primeiro, cole isso no seu CSS.

/* css dos lados do menu */
.menuesquerdo { float:left; width:49%; text-align:justify; }
.menudireito { float:right; width:49%; text-align:justify; }
.null { padding:1px; margin:1px; clear:both; }

/* menu */

#menuconteudo {
        display : block;
        font-size: 10px;
        font-family: arial;
        border-bottom : 1px dotted #COR DO PONTILHADO;
        line-height : 15px;
        margin-bottom : 1px;
        background-color: #COR DE FUNDO;
        padding-left : 0px;}

#menuextra:hover {
        display: block;
        vertical-align: middle;
        border-bottom : 1px dotted #COR DO PONTILHADO HOVER;
        background-color: #COR DE FUNDO;
        padding-left : 0px;}

2. Depois, cole isso onde você quer que apareça o menu.

<div class="menuesquerdo">
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
</div>

<div class="menudireito">
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
<div id="menuconteudo"><a href="http://link.com">Texto</a></div>
</div>

<div class="null">&nbsp;</div>

Prontinho! Dúvidas? Favor, consulte o ask-me.