Prazer, Carol! + Tutorial: Efeito Wishilist


Yoo~

Olá, eu sou a nova postadora do Plush Clouds, meu nome é Caroline, mas por favor me chamem de Carol ou Cáh, tenho 12 anos, sou dona do blog Teenage Dream, bem, sei mexer no Fireworks, Photoscape e Photofiltre, mas não me peçam pra fazer nenhum  png, pois sou péssima em png, vamos parar de falar sobre a minha vida e ir logo ao post.

Hoje, eu trouxe um efeito que eu transformei do tumblr para o blogger, ele é muito fofo e bonito para usar em um layout mais delicado, se for usar me credite ok?

Enjoy~
Aqui um exemplo:

1. Vá no seu HTML e procure por ]]></b:skin> e acima cole:
.heart    {background: #eee;    font-family: trebuchet ms;    font-size: 11px;    margin: 1px;    color: #cor_da_fonte;    border-left: 3px double #cor_da_borda;    display: block;    padding: 3px 3px 3px 6px;    -moz-transition: all 0.4s ease-out;    -webkit-transition: all 0.8s ease-out;    -o-transition: all 0.8s ease-out;    -ms-transition: all 0.8s ease-out;    transition: all 0.8s ease-out;}.heart:hover    {color: #cor_da_fonte;    padding-left: 30px;    border-left: 3px solid #cor_da_borda;}.heart    a{color: #cor_do_link;}.heart    b{color: #cor_do_bold;}
Já está tudo explicado no código, se precisar de ajuda comente!


2. Personalize ao seu gosto e salve, agora crie um gadget HTML/Javascript e cole:

<div class="heart">Sua frase aqui</div>
Gostaram de mim e do tutorial? Bem, semana que vem não vou poder postar provas, fazer o que? mas sempre quando eu puder eu dou uma passadinha!
Qualquer dúvida é só comentar!

4 comentários: