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!
Bem vinda!
ResponderExcluirAmei o efeito!
diamonts-arent-forever.blogspot.com
Beijos
Obrigada e Obrigada! Beijos
ExcluirAmei o efeito *-*
ResponderExcluirÚltima nostalgia
Thanks ~
Excluir