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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6yRM795lG4Chc1ffGbJm_zk5WVbL9jkhT0TYMSy0LFuwQxeBQfwUE2caRCXVtt8WvwnnduR1mVeFspxYczhwPWAj3cC8kgODwa1QnWsVdq2uV8MjiNK06LS4VCVWvBIYmdjCc8H3S_J2j/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNK0Q6JSyZ31t_JXVY_FpxVoOzdukZipq5oQNuw06LuNkCHnLBMF7ukyTa2C4H0O3OUGbUjK3o6jddoaB2TbIaI6dq86FKx7rkG5cfUdcLWiu7itlpnAAzkjoboLurVUsEaZAGJA5Tu0cG/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