Tutorial-Efeito Lat

9 de jun de 2013 | | |

Por Que Lat
R:E Porque Ele Vira De Lado 
E Bem Fofinho *.*
Confira
|

Read More 

E Venha Conferi

Html


1-Primeiro Vá Em:Modelo>Editar Html
Clique Na Caixinha De Html
De Ctrl+F Ou F3
E Procure Por ]]></b:skin>
Logo Acima Dessa Tag Cole:
.lat {

border: 1px solid #ccc;

background: #f8f8f8;

padding: 2px;

}
.lat:hover {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-moz-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
}
Caso Você Queira Personalizar A Borda Do Efeito 
Edite O Que Esta Em Negrito
Caso Queria A Borda Igual A Do Preview Não Modifique Nada.
Salve E Continue E Tutorial.

Gadget 

Agora Vá Em Layout>Adicionar Um Gadget>HTML/Javascript 
Cole o Código Abaixo E Modifique De Acordo Com O Que Ta Em Negrito

<a href="Link Do Blog" title="Nome do Blog"><img class="lat" src="Link Da Sua Imagem" /></a>

I E Só
Créditos Thin HTML
Beijos Lili


6 comentários:

  1. adorei o blog muito fofo!
    o layout ta lindo! MARA
    seguindo , segue d volta ??
    beijos
    http://rumoaparis1.blogspot.com.br

    ResponderExcluir
  2. Esse tutorial é d+
    Segue? Beijoos!
    www.docemelodiia.blogspot.com

    ResponderExcluir
  3. Gostei do efeito!
    querosabertudo-k.blogspot.com

    ResponderExcluir

Oiie Deixe Aqui Seu Recadinho E Leia As Regras Para Não Cometer Nenhum Erro Ok. U.U

Regrinhas:
-Comente sobre a postagem
-Não xingue ninguém.
-Não Pegar nada sem avisar
-Se Comentar,Deixe A Url Do Seu Blog,Para Que Podemos Retribui A Visita.
-Qualquer Duvida Leia A F.A.Q

Agora Pode Comenta O Post..'