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 *--*
Nossa! Como você é simpática.
ResponderExcluirAdorei o efeito.
-Eternal Dream ♥
Obrigada ;3 ~
ExcluirBem-vinda *.* O efeito é muito bonito >.<
ResponderExcluirblog-realidade-alternativa
~ Obrigada, o efeito é muito lindo mesmo *Y*
ExcluirAmei o efeito, e bem vinda :)
ResponderExcluirMeu blog é novo, poderia seguir? Link: http://maniaroxa.blogspot.com.br/
Bjão
Obrigada >////<
ExcluirBem-vinda, o efeito é lindo ;3
ResponderExcluir- One Day | Visite
Obrigaada, fico feliz que tenha gostado *3*
ExcluirBem Vinda, amei o efeito *u*
ResponderExcluirWorld Of Thel ~ ♥
Obrigada amore >u<
ExcluirSeja bem vinda, você é um doce de pessoa. Adorei o efeito, estou seguindo aqui, se puder retribuir :D
ResponderExcluirBeijos, Having Cherry
Obrigaada *-*
Excluir