necessito de ir nesse parque de diversões tirar uma foto nesse por do sol perfeito!
Oii, meus algodões doces!
Tudo bem?
Hoje venho com mais um pedido da leitora, quem pediu dessa vez, foi a fofa da Leh, do Garota Amargurada.
Ela pediu "efeitos na elite de afiliados", em cima do tutorial, temos os créditos, ok?
Brigada por pedir, Leh, espero que te ajude e ajude até mais gente!
Vamos lá:
Efeito Opacidade, créditos a Kawaii World:
Tutorial:
~~> Vá em Desing ~~> Adicionar um Gadget ~~> HTML/Javascript.
Cole esse código:
<a href="LINK DO BLOG" none;="" target="_blank" text-decoration:="" title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" /></a> 
Edite o que se pede e pronto!
----------------------------------------------------------------------------
Efeito Giratório, créditos de novo a Kawaii World:
1. Procure por ]]></b:skin> e acima dessa tag cole:
.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;2. É só isso. Para usar você vai em um gadget de HTML/JavaScript e cola:
box-shadow: 2px 1px 2px #909090;
}
.elite:hover{-webkit-transform: rotate(360deg);}
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>---------------------------------------------------------------------------------------------------------------------
Efeito Zoom, créditos a... adivinha quem?? Kawaii World!
1. Procure por ]]></b:skin> e acima dele cole:
.elitescale{Entendendo o código:-moz-border-radius: 2px; -webkit-border-radius: 2px; -webkit-transition: 0s linear; -webkit-transition: opacity 0.5s linear; -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; background-color: #e7a5de; padding: 3px; } .elitescale:hover { -webkit-transform: scale(1.20); -moz-transform: scale(1.20); background-color: #c4a6cb; padding: 3px; }
No gadget Javascript, como em todos os tutos, cole:-moz-border-radius: 2px; -webkit-border-radius: 2px; Aumento o número se quiser que a borda fique ainda mais arredondada. -webkit-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; Aumente se quiser que demore mais até a imagem aumentar. background-color: #e7a5de; Cor da borda sem o mouse por cima. -webkit-transform: scale(1.20); -moz-transform: scale(1.20); O quanto a imagem vai crescer. Aumente se quiser que ela fique maior ainda ou diminua se quiser algo mais sutil. background-color: #c4a6cb; Cor da borda com o mouse por cima. padding: 3px; Cor da borda com o mouse por cima. Nota-se que existem dois desses dentro do código. O primeiro define o tamanho da borda sem o mouse e o segundo com. padding: 3px; Nota-se que existem dois desses dentro do código. O primeiro define o tamanho da borda sem o mouse e o segundo com.
<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>
-------------------------------------------------------------------------------------------------------------------
Gostaram do tutorial? Super fácil e dão um charme lindo na elite!
Espero que tenha ajudado muita gente, principalmente a Leh!
Beijinhos :*
PS: A blockquote sempre bagunça meus posts, se o post estiver bagunçado, miil desculpas!
SHAUH que bloquote >< Legal ^^
ResponderExcluirNanda <3,a dona do 1º comment
delicatepinkties.blogspot.com
ASUAHUHSAUSAHUS, pois é, sempre que eu uso blockquote, eu clico umas cinco, quatro vezes e saí um monte de blockquote uma em cima da outra!
ExcluirBom que gostou!
Beijinhos!
Muito legal o tuto ^^
ResponderExcluirBeijiinhos ~ contagiadaspeloglitter.blogspot.com
Bom que gostou, Lu!
ExcluirBeijinhos!
Adorei o tuto! Vou salvar aqui pra usar nas minhas encomendas :3
ResponderExcluirÓtimo post!
Beijinhos :*
www.PiinkCookie.blogspot.com
Bom que gostou, Paulinda!
ExcluirEEEEE, Paulinda diva!
AUSHAUSHAUS
Beijinhos!
Quando for no parque, me avisa, iremos juntas (rsrs). ♥
ResponderExcluir????
ExcluirAcho que confundiu o post, haha'
Beijinhos!
A imagem de ilustração.♥
ExcluirAaah, sim, haha', feliz aniversário adiantado, viu, Laurinda?
ExcluirBeijinhos!
Onn'ttt Muuuitoooo obrigada Alifofa!
ResponderExcluirSuper gostei!! Vou usar,pode deixar que me ajudou bastante <3
Beijinhos :*
http://garota-amargurada.blogspot.com
Disponha, Lehlinda!
ExcluirFicou feliz!
EEE
Beijinhos!
Awn, ajudou muito! Ótimo tutorial. As vezes o blockquote, também fica de mal comigo -q
ResponderExcluirhttp://chassy-bomb.blogspot.com.br
Ooonw, brigada, fico feliz que tenha lhe ajudado!
ExcluirBlockquote chata -q
Beijinhos!