5 de fev de 2013

Tutorial: Efeito na Wishlist



Oooii!! Tudo bem?

Uma leitora aqui do blog pediu o tutorial de como fazer o efeito igual o que tem no nosso gadget de STATUS.

Pra começar, vou dar os créditos: Todo o tutorial peguei do blog Kawaii World.

Vamos ao tuto??

Let's Go!!

1. Vá em Editar HTML e aperte CTRL+F ou F3 e procure por ]]></b:skin> e acima disso cole:

.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;
}

Quer ver o resto do tuto? Clique em READ MORE


Vocês podem editar poucas coisas:

Você pode trocar o primeiro #404040 pela cor da sua fonte pela cor da fonte ao passar o mouse.
8px é o tamanho da fonte e handy é o nome dela, se quiser, mude.

O resto vocês já sabem né? As coisas que estão em negrito no código vocês devem mudar.

2. Em um gadget Html/Javascript você deve colar o código abaixo:

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

 Repita se quiser mais linhas.

Pronto! Espero que tenham gostado!

Beijooooos
Duda

2 comentários:

  1. Já tinha visto o tutorial antes. Fica muito fofo, eu acho que os efeitos e personalizações do Kawaii são mais divos impossíveis! haha
    eusourebeldeevocebrasil.blogspot.com.br

    ResponderExcluir
  2. Awn, eu adoro este tuto fica muito lindo *u* Blog lindo viu? Parabéns :)

    Estou seguindo para não perder nada novo ^-^ Se gostar do meu blog poderia seguir de volta? Obrigada se puder

    Beijinhos :*

    pantherpinkandblue.blogspot.com

    ResponderExcluir