Tutorial: Efeito Na Wishlist


Hi ~

Tudo bom galera??
É o seguinte, eu tava no Kawaii World revirando uns tutoriais maneiros para trazer aqui pra vocês e encontrei um tuto que é bem simples, ele tem um efeito bem bacana que dá para usar no status do seu blog, quer tentar fazer? Clique em mais informações e veja como.



1.Vá até Editar Html, pressione Ctrl+F e, na caixinha de pesquisa, busque por ]]></b:skin> e acima desta tag cole esse código:

.haruharu a {
color:#ffffff;
}
.haruharu {
color:#404040;
font: 8px "handy", small fonts;
text-transform: uppercase;
text-align:left;
background: #CORDALINHAPASSANDO;
margin-bottom: 2px;
padding:2px;
padding-left: 8px;
-webkit-transition-duration: .99s;
border-radius: 2px;
box-shadow:inset 0px 20px 0px #CORNORMAL;
}
.haruharu:hover {
color:#404040;
padding-left : 15px;
box-shadow: inset 0px -24px 0px #CORNORMAL;
text-shadow: 1px 1px 0px #d2d2d2;
}

Troque o primeiro #404040 pela cor de sua fonte e o segundo #404040 pela cor de sua fonte ao passar o mouse. Depois dessas alterações é só trocar o que está em negrito, isso fica à sua escolha.

2.Crie um gadget de Html/JavaScript e cole este outro código:

 <div class="haruharu">Escreva algo</div>

Se quiser mais de uma linha, basta repetir o código. 

Lembrando que os créditos vão para:
Gold Html e Kawaii World





6 comentários:

Fique à vontade para comentar.
Peço apenas que não xinguem ou ofendam aos outros leitores.
Obrigada.