Tutorial: Menu Vertical

Oi povo sou eu o Alecsander e hoje estarei ensinando um menu vertical igual oque temos aqui.[Leia Mais]

Primeiro procure por: 

]]

E logo acima coloque o seguinte código:

 
.menu-s a{ background:#xxx; width:150px; height:15px; font-family:Arial; font-size:15px; color:#XXX; display:block; padding:3px 0px 0px 0px; margin:0 0 1px 2px; border-radius:3px; line-height:12px; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .menu-s a:hover{ background: #XXX; width:140px; height:15px; font-family:Arial; font-size:15px; color:#XXX; display:block; padding:3px 0px 0px 5px; margin:0 0 1px 2px; border-radius:3px; line-height:12px; cursor:pointer; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }

Analisando o código

background:xxx; (Você ira mudar o fundo)

width:150px; (Largura)

height:15px; (Altura)

font-size:15px; (Tamanho da fonte)

color:#XXX; (Cor da fonte)

Para usar o código cole o seguindo código onde seja de sua preferencia.

<div class="menu-s"> <a href="LINK DO MENU">NOME DO MENU</a><a </div>

Obrigado pela atenção e até pessoal. Qualquer duvida comente.