>

Menu Hover sem Imagens

Eae galera eu sou Math hoje trago um tutorial de menu hover sem imagens apenas com CSS


Vá em editar html e procure por



]]>/b:skin
.menu-s a{ background:#suacor; width:185px; height:15px; font-family:Arial; font-size:15px; color:#515151; display:block; padding:3px 0px 0px 3px; 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:#suacor; width:185px; height:15px; font-family:Arial; font-size:15px; color:#000; display:block; padding:3px 0px 0px 10px; 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; text-decoration:none; }




Salve e depois vá em elementos da pagina crie um novo gadget HTML/JAVASCRIPT e cole o seguinte



<div class="menu-s"><a href="link">nome do menu</a></div>


Se quiser mais links copie e cole