Créditos ao HTML World
Oi amores! Ontem eu fui na piscina de um clube a noite, a noite eu digo umas 19:30, com a minha irmã. Sei lá, aquele lugar estava me dando uma sensação estranha e boa ao mesmo tempo, também porque não tinha quase ninguém né, mas mesmo ficando apenas uns 30 minutos, foi legal. Depois, a gente tomou picolé, comemos e começou a ficar chato, mas como meus pais estavam lá com seus amigos eles não queriam ir embora, e é sempre assim: Quando eles estão, eles demoram um tempão pra ir embora, e eu e a minha irmã queremos ir embora cedo, mesmo porque eles prometem ir cedo. Por isso eu nunca gosto de ir lá. Estou fazendo esse post com fome, daqui a pouco minha mãe vai comprar uma colônia de picolés q. Pessoal, quero agradecer porque chegamos aos 200 seguidores! Cara, vocês são demais! Obrigada mesmo! Eu ainda estou vendo, mas acho que irei fazer um concurso/sorteio de agradecimento, não sei. Aceito dicas ou sugestões.
Finalmente Heloísa, uma postagem que não seja de utilitários. Tava na hora, né? Pois é gente, desculpa, eu realmente não sabia que tutorial fazer/postar, mas agora eu sei(avá). Hoje o tutorial é de um efeito, eu sei que só posto efeitos gente, mas é uma das únicas coisas que sei fazer, em breve eu vou postar modelos de blockquote/títulos de post. São dois efeitos que eu diria que destacam, eu fiz esse efeito para que ao relar o mouse na foto, a foto dê um tipo de destaque, e eu acho que o primeiro efeito é o que mais destaca, mas como ele possui o tal de Blur, talvez vocês não gostem. Visualize<<
Bom, vamos para o primeiro efeito. Vá em Modelo > Editar HTML > Tecle Ctrl + F e procure por: ]]></b:skin>. Acima da tag procurada, cole esse código:
Agora, vá em Layout, adicione um Gadget HTML/JavaScript e cole esse código:
Agora, vá em Layout, adicione um Gadget HTML/JavaScript e cole esse código:
Finalmente Heloísa, uma postagem que não seja de utilitários. Tava na hora, né? Pois é gente, desculpa, eu realmente não sabia que tutorial fazer/postar, mas agora eu sei
Bom, vamos para o primeiro efeito. Vá em Modelo > Editar HTML > Tecle Ctrl + F e procure por: ]]></b:skin>. Acima da tag procurada, cole esse código:
.shadow {box-shadow: 0px 0px 0px #999;padding: 2px;opacity: 0.60;-webkit-filter: blur(1px);-webkit-transition-duration: 0.50s;}.shadow:hover {box-shadow: 0px 0px 15px #999;padding: 1px;border: 1px solid #fff;opacity: 1.00;transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-ms-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-webkit-filter: blur(0px);-webkit-transition-duration: 0.50s;}
Agora, vá em Layout, adicione um Gadget HTML/JavaScript e cole esse código:
<center><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow" /></a></a></a></a></a></a></center>
Agora, vamos para o segundo efeito. Vá em Modelo > Editar HTML > Tecle Ctrl + F e procure por: ]]></b:skin>. Acima da tag procurada, cole esse código:
.shadow2 {box-shadow: 0px 0px 0px #999;padding: 2px;opacity: 0.60;-webkit-transition-duration: 0.50s;}.shadow2:hover {box-shadow: 0px 0px 15px #999;padding: 1px;border: 1px solid #fff;opacity: 1.00;transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-webkit-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-moz-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-o-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-ms-transform: rotate(360deg) scale(1) skew(0deg) translate(0px);-webkit-transition-duration: 0.50s;}
Agora, vá em Layout, adicione um Gadget HTML/JavaScript e cole esse código:
<center><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow2" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow2" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow2" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow2" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow2" /><a href="LINK AQUI" title="NOME"><img src="LINK DA IMAGEM" class="shadow2" /></a></a></a></a></a></center>
Explicação para os iniciantes:
LINK AQUI: É aonde você coloca o link para quando a pessoa clicar na imagem, se redirecione para lá.
LINK DA IMAGEM: É bem simples, lá você coloca a imagem que queira que contenha o efeito
NOME: O título que aparece na Tooltip
Adorei o efeito!
ResponderExcluirQue bom! :3
ExcluirGostei muito do efeito <3
ResponderExcluirVou usa-lo num próximo layout ;3
D-Resources
Awwn, fico feliz que gostou ^^
ExcluirParabéns pelos 200 seguidores! ^^
ResponderExcluirEntendi o que quiseste dizer com sentimento estranho e porém bom ao visitares a piscina. Já visitei uma durante a noite e soube-me estranhamente bem. É um bom ambiente. :P
Gostei muito dos efeitos para destaque, nunca os tinha visto! *u*
Catching Stars
Obrigaada!
ExcluirFico feliz que entende SAUHASUH'
Aw, fico feliz que gostou!
Parabéns pelos seguidores , você merece , sobre o efeito destaque é muito legal , da aquela giradinha com bordinha e os outros ficam apagadinhos e sem birdinha ashuashua
ResponderExcluircandytendy.blogspot.com
ASUHA obrigada *u*
ExcluirDesculpa mas eu não pude ver vim aqui antes, mas agora estou livre e estou vendo, como o layout está linda <3 E sabe oque mais, eu percebi que tem comida no gadget lá em cima :3
ResponderExcluirEu quero fazer um pedido, de novo Ç.Ç
Eu quero imagens de afiliados do Block B Ç.Ç eu só consegui 4, e não tem apenas 4 blogs na minha elite Ç.Ç sei que você falou que tava cheio de goodies, mas me ajuda?
Please? Parabéns pelos 200 seguidores, e eu quero picolé -_-
http://colorfulunicornlu.blogspot.com.br/
Obrigada! ASUHSAUHA
ExcluirAjudo sim, vou fazer ok?
Obrigada de novo *u* Ai, nau dou q
Parabéns pelos 200 seguidores, o blog é ótimo e você merece ^^^
ResponderExcluirGostei bastante do efeito, é bem legal! Adoro esse tipo de efeito.
Beijos
http://mundoencantadodabarbie.blogspot.com.br/
Obrigaada *u*
ExcluirEsse povo que diva nos efeitos. Adorei :3
ResponderExcluirSweeting ♥
SAUHSAUH awn obrigada!
ExcluirAdorei, muito lindo Helo
ResponderExcluirblogdabittiz.blogspot.com
Obrigada :3
ExcluirFaz um sorteio de um Layout exclusivo, você é ótima pra fazer lays :3
ResponderExcluirlandofresources.blogspot.com
Verdade *u* Obrigada pela dica e pelo elogio! hihi
ExcluirParabens pelos 200 seguidores, e o dia aprece que foi legal q
ResponderExcluirEfeito super fofo :3
-World Of Dreams
Obrigaada *u*
ExcluirFico feliz que gostou!
Amei o Primeiro *o* MUUUITO DIVO !
ResponderExcluirhttp://parad1sepfvr.blogspot.com.br/
Obrigada Anenha :3
ExcluirEsse efeito é lindo, amei os dois. *00* Quem sabe eu não use no meu próximo layout!? ><
ResponderExcluirpimentacommenta.blogspot.com
Obrigada, use e abuse USUHAUHS
ExcluirQue cute , amei <3
ResponderExcluirKisses , amore >3<
Espero sua visita || Senhorita Liberdade
Que efeito mais lindo *-*
ResponderExcluirBem criativo, adorei mesmo ♥
Kiss, kaorii.com ~
Obrigada *u*
ExcluirQue lindo :3 Principalmente o segundo, sério, parabéns. Ainda não evolui a esse nível de perfeição.
ResponderExcluiretcforme.blogspot.com
Obrigada awwwnt *oo*
Excluirquero picole agora u^u kk amei o tutorial.
ResponderExcluirhttp://catchingfeelings-love.blogspot.com.br/
ASUHASUH Obrigada :3
ExcluirAwn, adoro ir em piscina, tomar sorvete e etc. Mas eu gosto quando não tem ninguém por perto porque eu sou extremamente tímida hahaha. Enfim, eu geralmente acho os lugares sem graça depois que como kkkkk. Só quero comer e ir embora. XD Enfim... Sobre o efeito destaque, eu adorei, achei muito interessante e criativo, realmente gostei! *-*
ResponderExcluirRediscovering Dreams
Eu também ASUHASUHUH amamos comer o/ Obrigada e fico feliz que gostou :3
ExcluirNossa 19:30 da noite e vocês na piscina?Corajosos hein ashuashua -q
ResponderExcluirEu gostei do efeitinho *U* achei tão lindo principalmente o segundo *w*
~September Rains
ASUHASUH um pouco q
ExcluirObrigaada *u*
Picoléé *-*
ResponderExcluirPrefiro sacolé u.ú
Você é muito boa para criar efeitos, amei todos os que tinham no blog de teste *-*
DayDreaming e Asian's Icons
ASUHSAUH eu não gosto muito ><
ExcluirObrigaada *3*
Huum acho que temos algo em comum,eu também estou com fomeeeeeeeee,rs.
ResponderExcluirBeijos da Ka e da Bell
http://candysbk.blogspot.com.br/
ASUHASUH nossa >3< q
ExcluirQue lindo! Nossa, é muito perfeito, ainda não conhecia o efeito destaque u.u adorei
ResponderExcluirmaiira-t.blogspot.com.br
Oobrigada! :3
ExcluirAdorei o efeito, eu provavelmente vou usá-lo em breve :3 Na verdade, eu ia usá-lo no layout atual mas vi o efeito gotinha e fiquei apx ><
ResponderExcluirObrigada por comentar no Checkmate!
Até,
Wendy | Checkmate (checkm-ate.blogspot.com)
Obrigada *3* Awn, fico feliz que gostou <33
ExcluirAmei os efeitos, o primeiro com desfoque ficou lindo *o*
ResponderExcluirPARABÉNS PELOS SEGUIDORES ASHUSHUA ♥
Kiss
With You
Fico feliz que gostou *3*
ExcluirObrigadaa ♥♥♥
Nossa fico D+ parabens mesmo *O*
ResponderExcluirhttp://stroke-of-insanity.blogspot.com.br/
Obrigada *u*
ExcluirQue efeito lindo *o* Parabéns pelos seguidores (:
ResponderExcluirBeijos ♡
Waking
Obrigaada !
ExcluirSão muito fofos, mas gostei mais do segundo!
ResponderExcluirBeijos - Ammy, Fairy Floss
Obrigada *u*
ExcluirAdorei os efeitos, mas pra mim o 1° arrasou!
ResponderExcluirha-unting.blogspot.com.br
Que bom que gostou *u*
ExcluirAwn que diferente ,,amei ><
ResponderExcluirkissus ~* || louca-por-html.blogspot.com.br
Que bom que gostou :3
ExcluirEfeito lindo, parabéns *u*
ResponderExcluirhttp://world-butterflies.blogspot.com.br/
Que efeito diwo, mds *o*
ResponderExcluirDe repente, quem sabe eu use um dia desses ;3
http://unicornl4nd.blogspot.com.br/
Obrigada, usee *u*
ExcluirLindo efeito mas estou usando
ResponderExcluiraquele de gotinha que você fez *-*
http://loving-caramel.blogspot.com.br/
Obrigada!
ExcluirAwwwn ok *----*
Adorei os dois *O*~
ResponderExcluirhttp://interesses-sutis.blogspot.com.br/
Fico feliz *o*
ExcluirEu gostei mais do primeiro estilo do efeito, mas os dois ficaram lindos demais. <3 IFNGVIQOEWNFO Eu particularmente não consigo usar essas coisas que giram, dançam e balançam, mas esse realmente me encantou, vou guardar pra mim aqui, pera. -n
ResponderExcluirEu adoro nadar à noite, mas na piscina do meu prédio não tem aquecedor e - por consequência - fica muito frio de noite. ;3; 200 seguidores? O/ MEUS PARABÉNS MULHER, VAMOS FAZER UMA FESTINHA DE COMEMORAÇÃO POR MINHA CONTA ~dança~ (mentira, eu sou pobre, adeus -qq) Mas enfim, parabéns pela meta e que venham cada vez mais, e acho que um concurso seria legal, mas um sorteio também pode cair bem. q
Obrigada e que bom que gostou *u* ASUSAUH socorro, morri q
Excluir~dançando tuts ~ SHUSUASUHSA obrigada *u* ( de novo ) ok entau :3
que efeito perfeitooooo e seu lay tá lindo também
ResponderExcluirBeijos, Brenda do Gave Crazy
Obrigaada *u*
Excluir