02/12/2012

Menu Roll Right



Oi gente!
Quer aprender a colocar o menu igual do nosso blog no seu?
È esse ai:
Então Clique em Leia Mais!


Vá no html e procure por:
]]></b:skin>
 Acima do código procurado cole:

#menu{
background: url(http://1.bp.blogspot.com/-uEahHH__OIQ/UK1QT-jSoWI/AAAAAAAAI5E/Qz1GQEYZNfM/s1600/1.jpg) right ;
width: 125px;
float: left;
height: 20px;
font: 20px Play;
color: #fff;
padding: 2px 0 6px 0;
text-align: center;border-radius: 7px;
margin: 5px;
text-transform: uppercase;
cursor: default;
-moz-transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#menu:hover {
opacity: .95;
background: url(http://3.bp.blogspot.com/-9Ewgjgj5r0Q/UK1QTIAZk9I/AAAAAAAAI48/Fkj4E1wJuMs/s1600/2.jpg) left ;
 color: #5f5147;

 Substitua as imagens.


Agora adicione um HTML/Javascript e nele cole:


<a href="link" id="menu">Link</a>

Repita o código quantas vezes quiser e substitua como preferir!

Faça imagens como essas:


hover:


Crédito:kawaii world

Nenhum comentário:

Postar um comentário