>
Mostrando postagens com marcador Html. Mostrar todas as postagens
Mostrando postagens com marcador Html. Mostrar todas as postagens

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

Menu Hover com Imagens

Eae galera sou Math hoje trago um tutorial de menu Hover com imagens igual a este que temos no site

Primeiro pesquise por "]]></b:skin" e acima cole


.menu-s a{ background:url(http://i.imgur.com/B0MPd.png); 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:url(http://i.imgur.com/DsGLm.png); 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 agora vai em elementos da pagina faça um nome HTML/JAVASCRIPT e cole


<div class="menu-s"><a href="Link">Nome Do menu</a></div>