Efeito Turn

Yoo amoras >.< 
Tá tudo beleza com vocês? Eu ia postar mais cedo, só que eu fiquei com uma dor de cabeça daquelas, e ainda tive que aguentar esse bando de vizinho retardado mental gritando e fazendo barulho pra lá e pra cá por causa da Copa. Só sei que mandei todo mundo pro inferno depois daquilo, sem dó nem piedade, e desejei uma morte bem lenta a todos. Mudando complematente de assunto, eu estou sem ideia pra posts legais, mas espero que gostem desse efeito que eu achei no CD, creditem eles ^-^ Ah, eu quero aproveitar pra mandar um besito pra esse projeto de gente, a Liz <33
~preview~
Vá em Modelo >> Editar HTML >> Pesquise por ]]></b:skin>
Acima da tag pesquisada, cole o código abaixo:
.efeito{
align: center;
width: 225px;/* largura da imagem*/
height: 250px; /* altura da imagem*/
overflow: hidden;
}
.efeito img{
background: #fff;
width: 225px; /* largura da imagem*/
height: 250px; /* altura da imagem*/
align: center;
}
.efeito:hover img{
opacity: 0.5;
-webkit-transition-duration: 1.30s;
}
.efeito .descrip {
width: 100px; /* largura da imagem -25px */
height: 125px;/* altura da imagem -25px */
margin-top:-680px;
margin-left:0px;
background:rgba(255,255,255,0.5); /*cor e opacidade do fundo*/
color: rgba(0,0,0,0.7);
text-shadow: 0px 0px 4px #323232;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
border: 4px solid #FFf; /*cor da borda*/
}
.efeito:hover .descrip {
-webkit-transform: rotateY(-720deg);
width: 207px;/* largura do quadrado branco*/
height: 234px; /*altura do quadrado branco*/
margin-left: 5px;/*posição do quadrado branco*/
margin-bottom:-5px;/*posição do quadrado branco*/
margin-top:-251px; /*posição do quadrado branco*/
}
Já está explicando onde deve editar.
Agora, vá em Layout >> Adicionar um Gadget >> HTML/JavaScript
Cole o seguinte código dentro do seu gadget:
<div class="efeito"><img src="http://24.media.tumblr.com/tumblr_m2jvvg8h5g1r9uve2o2_250.png"><div class="descrip"><br/><br/>Escreva algo aqui. Escreva algo aquiEscreva algo aqui. Escreva algo aquiEscreva algo aqui. Escreva algo aqui. Escreva algo aqui</div></div>
Altere apenas o que for necessário, salve e pronto.
xoxo, babys | July-chan
Até o próximo post <33
 

4 comentários:

  1. amei o efeito!
    ah, seu pedido afiliação no meu blog foi aceito. liz é minha u.u
    beijos!

    ResponderExcluir
    Respostas
    1. obrigada amr >.<
      ok, te coloquei na elite
      no no no, a liz é NOSSA <33
      besos ~

      Excluir
  2. esse efeito é lindo! To apaixonada! Vou usar no próximo layout q eu disponibilizar ♥♥
    mandou um beijinho pra mim, q amoooooor ♥♥
    então, eu aceito fazer um feat contigo! Amo fazer layouts, se eu recusar é pq eu to doente ashasf'
    ai q bonitinho os comentários de cima <33 me dividam, sou de vcs duas akjsahsg ♥
    meu email é esse aqui ó brunaavila431@gmail.com pra tu me colocar como administradora do blogue pra fazer o feat, ok? Me avise quando enviar o convite!
    bjs!
    posta logo, frô
    te amo ♥♥♥
    Brunaaaa

    ResponderExcluir
    Respostas
    1. realmente, também me apaixonei assim que vi, e pensei: "tenho que mostrar ele pra liz" e.e
      sim sim, e vou mandar outro logo
      aawn *-* eu fiquei com medo de você n aceitar, eu ia ficar em deprê pra sempre -q hsuhsue
      já te coloquei, mas eu só consigo por como moderadora depois que a pessoa aceita, ok?
      quando aceitar dá um jeito de avisar pra eu mandar as cores
      besocas, ai lovi <33

      Excluir

Yoo chokito ^y^
Vejo que está indo comentar, fico feliz por isso, cada comentário pra mim é uma voz dizendo "Continue, não se desvie do seu sonho!" então muito obrigada... Mas, antes eu vou dizer algumas regrinhas, ok?

- Por favor, não fique no anônimo apenas para xingar alguém. E se não me engano, isso é o quê as blogueiras mais pedem. Eu ficarei muito agradecida se ninguém aqui praticar coisas do tipo, até porque estamos num pedacinho do céu, e temos que preservar a paz, certo? Certo!

- Se quiser pedir afiliação, é só ir na página que está no menu lá em cima. Querem uma asinha para subir? =3

- Desculpem, mas não faço parte do "Seguindo, segue de volta?", até porque aqui não é Twitter, né? E mesmo assim, eu visitarei todos os blogs, e seguirei se gostar do conteúdo. Não me importo com o layout, até porque estamos aqui para ajudar uns aos outros, né?

- Em breve estarei fazendo uma Ask para o blog, mas enquanto isso podem perguntar por aqui mesmo.

Bom... Eu acho que é só isso! Se quiserem algum tuto ou tag, podem pedir à vontade. Besitos, amo vocês! <3