Efeito Heart

|| ||

Olá pessoal hoje vim ensina como colocar o Efeito Heart, pois é não sei o nome dele então inventei um e não sei se é efeito ou menu, mas aqui está o tutorial.
Esse menu é aquele que está no gadget Status, porque depois do comentário da Tauane Siqueira no post eu resolvi fazer o tutorial, então vamos ver como colocar.
Exemplo:
 



Primeiro vá em Modelo>> Editar HTML>> aperte Ctrl+F e procure por:
]]></b:skin>
Cole acima dele o seguinte código:
.heart2{
padding:3px;
font-family:Electrolize;
font-size:12px;
background:#F5F5F5;
color:#666;
border-left:3px double #FF1493;
margin-bottom:2px;
-webkit-transition-duration:1.0s;
text-shadow:-900px 0px 0px #fff;
overflow:hidden;padding-left:5px;
}
 .heart2:hover {
box-shadow: inset 260px 0px #FF1493;
color:transparent;text-shadow:25px 0px 0px #fff;
border-left:20px solid #FF69B4;
overflow:hidden;
}
 .heart2 a {
text-shadow:900px 0px 0px #fff;
}
 .heart2:hover a{
-webkit-transition-duration:1.0s;
text-shadow:-900px 0px 0px #fff;
color:transparent;
text-shadow:25px 0px 0px #fff;
overflow:hidden;
}

Mude onde quiser, mas recomendo onde está em negrito.

Depois disso salve e vá em Layout>> Adicionar um Gadget>> HTML/JavaScript e cole:
<b>
</b>
<b>
</b>
<b>
</b>
<b>
</b>
<div class="heart2"> Escreva aqui o que quiser</div>
<div class="heart2"> Escreva aqui o que quiser </div>
<div class="heart2"> Escreva aqui o que quiser </div>
<div class="heart2"> Escreva aqui o que quiser </div>
<div class="heart2"> Escreva aqui o que quiser </div>
Mude onde estiver em negrito.

Espero que tenham gostado!
Peçam tutoriais e outras coisas através da ask que está no gadget Crédits e na aba Peça.

Créditos: ???