Olá da nova postadora + Efeito Up Full

Boa noite ~●ﻦ●~

Vocês devem estar se perguntando 'Meu Deus, quem é essa Lai-Chan que invadiu o TLW assim?' . Primeiramente, prazer, Láisa, mas podem me chamar de Lai mesmo. Sou dona do World Of Unicorns, pouca gente me conhece (até por que eu sou nova nessa parada -n); como vocês já sabiam, o blog estava com vagas abertas para postadores. Assim que eu vi o post fiquei desesperada! Participei pelos comentários e fui privilegiada para ser a nova postadora! Fiquei muito contente mesmo!
Então, gostaria de agradecer a Vaáh por me dar essa vaguinha >u<
Eu ia preparar uma apresentação mais formal, mas como eu estava de castigo, não deu tempo :( *também, quem mandou eu ficar de recuperação em Matemática?*
Tenho que me acostumar com o tamanho das postagens, pois vou ter que escrever bem mais do que eu escrevo no meu blog.

Pois bem, já falei (escrevi?) até demais hu3hu3, vamos ao post?



Como hoje é o meu primeiro dia aqui no blog, trouxe um efeito bem simples e fofinho que aprendi lá no Lovers Of Designs; é o Up Full  -PREVIEW

1. Abra o seu HTML e procure por ]]></b:skin>  . Acima dessa tag, cole o seguinte código:
.imagenslod {position: relative;overflow: hidden;width: 150px;height: 150px;display: inline-block;margin:5px;margin-bottom: 15px;box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.1);}

.imagenslod span {height: 150px;width: 150px;bottom: 0px;}

span.title {width: 150px;height: 20px;position: absolute;background: rgba(255,255,255,0.3);text-align: center;padding: -10px 0 4px;font-size: 14px;color: #fff;font-family: "BEBAS";-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

span.title a {color:#fff;}
span.title a:hover {color:#ff578e;}

span.title:hover {width: 150px;height: 20px;position: absolute;background: rgba(255,255,255,0.5);text-align: center;padding: 160px 0 4px;font-size: 14px;color: #5f5f5f; font-family: "BEBAS";-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-transform: rotate(360deg) ;}

OBS: O que está em negrito é a cor do link!

2. Agora, cole o seguinte código em um Html JavaScript:
<div class="imagenslod">
<img src="URL DA IMAGEM" width="150px" height="150px" />
<span class="title"><a href="LINK_AQUI">TEXTO</a></div>
Edite apenas o que está em negrito e salve.
Bom, é isso gente; espero que vocês gostem de mim aqui no The Little World ;3
~Xoxo *--*

12 comentários:

  1. Nossa! Como você é simpática.
    Adorei o efeito.
    -Eternal Dream ♥

    ResponderExcluir
  2. Bem-vinda *.* O efeito é muito bonito >.<

    blog-realidade-alternativa

    ResponderExcluir
    Respostas
    1. ~ Obrigada, o efeito é muito lindo mesmo *Y*

      Excluir
  3. Amei o efeito, e bem vinda :)

    Meu blog é novo, poderia seguir? Link: http://maniaroxa.blogspot.com.br/
    Bjão

    ResponderExcluir
  4. Respostas
    1. Obrigaada, fico feliz que tenha gostado *3*

      Excluir
  5. Bem Vinda, amei o efeito *u*

    World Of Thel ~ ♥

    ResponderExcluir
  6. Seja bem vinda, você é um doce de pessoa. Adorei o efeito, estou seguindo aqui, se puder retribuir :D

    Beijos, Having Cherry

    ResponderExcluir

❤ 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.

« »