Efeito Cleared


 Oi gente tudo bem? Trago hoje para vocês um efeito bem simples que eu fiz que fica muito legal para afiliados:


CSS


1. Vá em Modelo > Editar HTML > Clique na caixa de códigos e tecle Ctrl + F ou F3 e procure por ]]></b:skin> e acima dele cole:
.cleared { padding: 2px; background: #fff; border: 1px solid #ddd; opacity: 0.6; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; }
.cleared:hover { opacity: 1; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; }
2. Não altere nada, mas se não quer a borda, apague a parte em itálico.

aplicando o efeito


1. Vá em Layout e adicione um gadget HTML/JavaScript, nele cole:
<img class="cleared" src="link_da_img"/>
2. Depois é só salvar. Qualquer problema/dúvida, entre em contato.

Tchau :3
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

9 comentários, comente também!

  1. Alan,saudades de você garoto.
    Parabéns pelo tutorial
    Vou tentar colocar no meu blog.http://www.gracatricoecroche.com.br/
    Alan aquele template que você usou aqui que tem uma tarja preta e vermelho está disponível para Download free ?Coloquei no meu blog menu índice por categoria mas não gostei não soube personalizar vovó não é mais jovem...rsrs...,faz um tutorial aí aqui está o link do autorhttp://www.abu-farhan.com/2010/05/table-of-content-and-accordion-for-blogger/
    Parabéns sucesso para vc.
    Lindo fim de semana.

    ResponderExcluir
    Respostas
    1. Oi Maria, também tava com saudades de você por aqui <3
      Obrigado, que bom que gostou do tutorial, espero que use!
      Sobre o template, não me lembro de nenhum layout com tarja preta e vermelha, mas se você tivesse alguma imagem, ou ver se ele se encontra no meu portfólio(http://a-fportfolio.blogspot.com.br/) e me dizer se é algum dos que estão lá, já iria ajudar, realmente não lembro de nenhum layout desse estilo que você falou.
      Sobre o menu e o link que você mandou, não estou conseguindo entrar, o navegador que uso bloqueou o link por algum motivo, mas se quiser me dizer como é este menu eu poderia tentar refaze-lo aqui.
      Obrigado e até mais ^^

      Excluir
  2. Respostas
    1. MOÇA QUE SAUDADES DE TU, SÉRIO <3 Tô muito feliz de te ver aqui, seja bem-vinda!
      Que bom que gostou do efeito :3

      Excluir
  3. Eu gostei muito, é bem simples mas é lindo realmente, provavelmente irei usa-lo ou então o starlight (acho que escreve assim, apskaok ) em dúvida dos dois, são lindos :)
    Alan, poderia repostar o tutorial de fundo atrás das postagens e sidebar? aqui tinha, porém acho que você deletou a postagem e quero muito usar esse tutorial. ^^

    Obrigada, e parabéns pelo perfeito blog! Beijos.

    ResponderExcluir
    Respostas
    1. Que bom que gostou, espero que use! :3
      Claro que faço, é bem simples, não lembro se aqui tinha ;-;

      Obrigado e volte sempre <3

      Excluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO