Olá meus amores! õ/ Primeiramente,quero desejar um feliz dia do amigo para todo mundo atrasado mas ta valendo =P.
Hoje não irei escrever muito e irei direto ao post ^-^
Hoje eu vim atender a o pedido da Maria Antônia veja o pedido:
O Efeito de qual ela esta falando é este que está na minha elite de afiliados,veja:
Estado Hover (com o mouse em cima)
Esse efeito eu encontrei no poison html (Por isso o nome do efeito), e apenas no poison Html,então os créditos são todos de lá!
Eu tentei encontrar o código do tuto de novo,mas não o encontrei,apenas encontrei o preview dele em um blog de testes do poison. Mas eu sei como fiz mais ou menos para ficar com esse efeito aqui no meu blog,então vamos ao tuto?
Primeiro vocês devem ir em --> Modelo--> Editar Html--> apertar ctrl+f--> e procurar pela tag ]]></b:skin> e acima dela colar o seguinte código:
.next-to-isa:hover{-webkit-transform: rotate(720deg) scale(1.3); border-radius: 50px;}.next-isa img{width: 50px; border-radius: 5px; box-shadow:0px 0px 0px #ccc;-webkit-transition-duration: .80s;}.next-isa:hover img {opacity: 0.4;-webkit-transition-duration: .80s;}.next-isa img:hover {opacity: 1;-webkit-transition-duration: .80s;}
Para não deixar a imagem com má qualidade,foi colocada o tamanho 75x75, e a Isa (criadora do código) resolveu deixar assim: width: 50px, pois se tivesse colocado 75 no width, quando aumentasse a imagem ficaria feia. "E o número de width é o mesmo para largura e altura então sua imagem deve ser quadrada e ter as mesmas medidas"
Com tudo isso feito,agora você deve ir até Layout--> Adicionar gadget--> HTML/JavaScript e então cole:
<div class="next-isa"><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a><a href="LINK" title="NOME"><img class="next-to-isa" src="URL DA IMAGEM" /></a></div>
Pronto! é esse o tuto,espero ter ajudado vocês =)
Ah! E lembrem-se,todo esse código e tuto,foi produzido e adptado pela Isa,dona/integrante do blog Poison Html
Beijinhos,até a próxima! Duvidas? Me perguntem!
Nenhum comentário:
Postar um comentário
Olá,Obrigada por vim comentar,fico muito feliz com seu comentário,mas antes tem algumas regrinhas que vocês precisam saber:
- Não use palavrões ou ofensas para com os outros seguidores,você não precisa se rebaixar tanto
- Tem blog? Deixa o endereço que eu sigo,se estiver seguindo aqui também.
-Por enquanto estamos sem vagas para afiliados.
Obrigada!