>

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>