Efeito Funny ( para elite )

Oi lindos!
Hoje eu não fui a aula, porque minha mãe não queria que eu fosse ( isso é que é mãe -q ), e sinceramente nem sei porque faltei, ASUHSAHUA. Vocês devem ter notado a desorganização dos posts, né? Em todos os posts, os parágrafos ficam com uma quantidade diferente de linhas, isso fica estranho, então eu vou tentar manter cada parágrafo com 4 linhas no mínimo e 6 no máximo. Será que vai melhorar?

Estou explodindo de raiva porque eu quero meu Photoshop :c É que minha mãe colocou outro computador no lugar, mas ela já vai voltar com o antigo, porém vai formatar um pouco depois, durante esse tempo vou tentar fazer bastante Goodies pra postar depois. Sobre o post: Decidi fazer um efeito que fica bem para elite, que é do tipo "2 em 1", são 2 efeitos em 1 só, não sei outra maneira de explicar u_u. Esse efeito é exclusivo, então favor dar créditos ou avise se o usou. PREVIEWVamos ver?

Vá em seu HTML, pesquise por: ]]></b:skin>, acima dessa tag cole:
.efeitozf {
padding: 2px;
border: 1px solid #ccc;
-webkit-transition-duration: .90s
}
.efeitozf:hover {
BOX-SHADOW: 0PX 0PX 22PX  #eee;
border-top: solid 5px #ccc;
border-bottom: solid 5px #ccc;
-webkit-transition-duration: .90s
}
.efeitozff {
padding: 2px;
border: 1px solid #ccc;
-webkit-transition-duration: .90s
}
.efeitozff:hover {
BOX-SHADOW: 0PX 0PX 22PX  #eee;
border-left: solid 5px #ccc;
border-right: solid 5px #ccc;
-webkit-transition-duration: .90s
}
 Agora em um Gagdget HTML/JavaScript cole:
<a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="efeitozf" />
<a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="efeitozff" />
 O link 1 ( class="efeitozf" ) é o efeito da imagem em que tem a bordinha em cima e em baixo da imagem. 
O link 2 ( class="efeitozff" ) é o efeito da imagem em que tem a bordinha dos lados da imagem.

Resumindo: Se você quiser usar só o efeito com as bordinhas em cima e em baixo, use só o primeiro link, e se quiser usar o efeito com as bordinhas do lado, use só o segunda efeito.

17 comentários:

  1. nosaaaaaa eu achei bem diferente...e bem criativo.........

    http://louca-por-html.blogspot.com.br/ bjos e bom feriado!!!!!!

    ResponderExcluir
  2. Adorei esse efeito, muito perfeito!
    Eu estou precisando de postadoras lá no blog, aceitaria postar comigo?
    -Eternal Dream

    ResponderExcluir
    Respostas
    1. Obrigada!
      Amor, eu não estou conseguindo ver seu Blog, 'Permissão Negada' ><

      Excluir
  3. Liindo efeito, o layout do blog de testes foi você que fez? ta liindo.!!
    http://princesa-que-adora.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada <3 Foi sim, que bom que gostou *u*

      Excluir
  4. Adorei o efeito super fofo !

    vanessatutoriais.blogspot.com

    ResponderExcluir
  5. Que efeito legal, nunca tinha visto nenhum parecido, oewo. Queria ter uma mãe assim. Ah, e você ganhou o game, já coloquei teu blog na sidebar.

    Eloísa do Having Cherry || Aguardo sua visita

    ResponderExcluir

Regras:
-Aceito críticas, porém, comentários ofensivos/maldosos serão apagados.
-Não aceito mais: Seguindo, segue de volta?
-Coloque o link de seu Blog no fim do comentário, é garantido que irei visita-lo e dependendo do conteúdo, até posso segui-lo :3
-Comente a vontade!