Boa tarde , meninas!
Nesse post eu trago á vocês , um tutorial
Muito fácil , e útil demais"!
Faz um efeito , muito lindo .
Eu trouxe a preview pra vocês ' para ver clique aqui ; Clique em mais informaçoes ;
Primeiro vá no seu HTML e pesquise (F3) por ]]></b:skin> e cole logo acima o seguinte código:
#photo{background:url(http://static.tumblr.com/frmjfs3/0Qkm7jcyc/shay.png);width:291;height:400px; border: solid 5px #c50f39;} .desc{width: 281px; height: 15px; display: inline-block; background: #000; opacity: 0.6; color: #999; -webkit-transition-duration: .90s; margin-top: -0px; overflow: hidden; position: absolut;padding:5px; text-align: justify; } .desc:hover{height: 390px; margin-top: -0px;}
Edite somente oque está em negrito. Depois adicione um gadget java/script e cole nele:
<div id="photo"> <div class="desc"><center>{Title}</center><br><br> SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) SUA DESCRIÇÃO OU OQUE QUER QUE APAREÇA AQUI :) <br><br><br> </div></div>
E pronto! Agora é só editar o texto. Espero que tenham gostado do tutorial!
Nenhum comentário:
Postar um comentário
❤ Ofensas e palavrões serão ignorados e excluidos.
❤ Seguindo, segue de volta?Sim mas fale um pouco do post.
❤Nada de pedir post pelo os comentários , se quiser algo vá na página peça .
❤Se quiser pode deixar a URL do seu blog , sempre vou retribuir a visita!
❤Perguntas/Dúvidas , serão respondidas :-)
❤Se não gostou, não use palavras ofensivas.