02 fevereiro 2013

Efeito de Wishlist - KW





Hello~ a nova pagina ja foi publicada, foi mal não ter postado ontem e.e bem, aqui trago um outro tutorial, aquele estilo de Wishlist que uso como um pequeno menu do Status do blog, se ainda não viu, veja a preview AQUI. Ele tem um efeito muito bonito e, como o proprio nome sugere, pode ser usado como wishlist, mas eu optei como menu de status^^ Creditos totais ao: Kawaii World




Va no HTML e aperte Ctrl f, na caixinha procure por  ]]></b:skin> e, acima dessa tag, cole o seguinte codigo:




.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 da sua fonte e o segundo #404040 pela cor da fonte ao passar o mouse. 8px é o tamanho da fonte e handy é o nome dela, mude se quiser. O resto já está indicado no código, observe as partes em negrito e troque.


Para usar esse efeito va em um Gadget HTML e cole:

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



É bem facil e fica um lindo efeito~


Bye



4 comentários:

  1. Olá! Indiquei você em um meme, espero que goste!
    http://inkawaii.blogspot.com.br/2013/02/meme-blogueiro.html
    Beijossss!!! :)

    ResponderExcluir
  2. Kon'nichiwa!!!
    Fiz dois jogos.
    ♥ - Joguinho valendo divulgação de 1 semana.
    Joguinho valendo divulgação de 1 semana.
    Como funciona:
    È assim, os dois primeiros que comentarem os 2 nomes certos ganha, e deve colocar o no comentário o link.
    Joguinho

    ResponderExcluir
  3. Como vc faz seu blog tão kawai ^^

    ResponderExcluir
  4. não achei esse ]]> como eu faço

    ResponderExcluir

Comente o que quiser, mas com o minimo de respeito, ok >:?