Oi gente, tudo bem com vocês ? Desculpas novamente por minha ausência, vou sempre dizer isso porque realmente vocês não veram posts meus todos os dias, estou na casa da minha mãe agora, e o computador é muito lerdo, e o da minha vó novamente está também. Só irei postar no blog nos finais de semana, ou talvez as quartas pois saio mais cedo da escola.. enfim, hoje eu vou ensinar um efeito que eu usei no Layout que fiz para o Recanto da Fada Alice e gostei bastante dele. Estou sentindo muita falta da Thami, espero que o probleminha da ausência dela se resolva rápido. "Mais informações"
PreviewCole o código a seguir, a baixo de ]]></b:skin>
.disappeared {Agora crie uma gadget HTML/JavaScript e para cole para usar fazendo suas substituições:
border: 2px solid #952c2c; */Cor da borda, se não quiser é só apagar essa linha;
width: 50px; */Largura da imagem;
height: 50px; */ Altura da imagem;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
.disappeared:hover{
-webkit-filter: grayscale(70%);
-moz-transition: all 2s ease;
transform: rotate(113deg) scale(0.0) skew(8deg) translate(-2px);
-webkit-transform: rotate(113deg) scale(0.0) skew(8deg) translate(-2px);
-moz-transform: rotate(113deg) scale(0.1) skew(8deg) translate(-2px);
-o-transform: rotate(113deg) scale(0.0) skew(8deg) translate(-2px);
-ms-transform: rotate(113deg) scale(0.0) skew(8deg) translate(-2px);}
.menu{text-align: center; text-decoration: none;}
.menu a{text-transform:uppercase!important; padding:
5px 5px 5px 5px; display: inline-block; background:#891f1f;
box-shadow:1px 1px 1px 1px #48637b;
margin-top: 5px; font-size: 8px; color: #9d4646;
text-shadow: 1px 0px 1px #882d2d;
font-family: tahoma; -webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out; font-weight: bold;}
.menu a:hover{background: #cor do fundo quando tu passar o mouse;
color: #cor da fonte;}
}
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a><br/>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="disappeared" /></a>
Espero que tenham gostado, é isso. Eloísa
Gostei bastante desse tutorial! Talvez use. E com créditos claro
ResponderExcluirquerosabertudo-k.blogspot.com
Elôoh, ( minha prima tem o mesmo nome que você *-* ) Você faz Layout grátis para blogger por encomenda? Porque eu amo seus Layouts, e mesmo que eu seja boa no PS, no HTML tenho muita dificuldade!
ResponderExcluirBeijos,
Cath :3
Não sabia ! Mais amei o efeito , sério :3
ResponderExcluir~Beijocas na xexa~
Chá de Boneca
Nossa, muito lindo o efeito *u* Se o modelo do meu blog de testes aceitar, irei usá-lo ♥
ResponderExcluirUm grande beijo,
Juu-Chan || Nescau com Nutella
Adorei demais o efeito ;3 Nunca tinha visto.
ResponderExcluirBeijos da Lets | Vida de uma SONE
Adorei o tutorial, está muito lindo e acho que combina bastante para por nos afiliados u.u adorei, já salvei o post nos favoritos u.u
ResponderExcluirFour Resources
Cath, por encomenda eu não faço, pois encomendas são pagas e no momento não estou aceitando. Mais se você quiser, eu posso fazer um para você de presente, pois também fiz um para a Thami e para a Alice do Recanto da fada.. mais se você quiser, cria uma conta no Facebook (A não ser que você tenha), e manda um mensagem com o modelo do Layout (O designer e tal, de preferência em psd) para a página do meu blog, o HC que eu posso fazer quando tiver tempo :D
ResponderExcluirEloísa do Having Cherry { ♥ }
Amei esse efeito vou usar no meu próximo layout.
ResponderExcluirSweet of Cherry
Amei o efeito <3
ResponderExcluirhttp://mygoodies1.blogspot.com.br/
Amei e usei
ResponderExcluir><
-> Magia Teen