1 de dez de 2012

TUTORIAL - Efeito Description


Hooy brigadeiros!

Tudo joia?

Venho com um tutorial mega lindo e prático! Dá um toque a mais em seu blog, além de ficar moderno! É o Efeito Description que você pode usar para os autores do blog ou até mesmo para afiliados! E claro, vi no blog  > Cherry Go <, então créditos a ele! Let´s go?

Vá no seu HTML e procure por: B:SKIN e acima do segundo resultado cole isso:

/** EFEITO DESCRIPTION **/.description {float: left; height: 100px; margin: 0 9px 9px 0; overflow: hidden; position: relative; width: 100px; display: inline; position: relative;}.description img {height: auto;position: relative; width: auto; transition-duration: 5s;}.description span {display: none; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 16px; height:100%; padding-top: 20px; position: absolute; text-align: center; text-decoration: none; width:100%; z-index: 100; text-transform: uppercase;}.description span em {font-style: normal; display: block; font-family: 'arial', sans-serif; font-size: 10px; text-align: center;}

Visualize e, se estiver tudo normal, salve! Agora crie um gadget HTML/JavaScript e cole o código abaixo:

< DIV CLASS=" DESCRIPTION" < a href="LINK">NOMENOME DO QUE O BLOG É(AFILIADO OU IRMÃO)</ span>

Pronto! Agora é só modificar o que está em fundo preto e depois salve! 

Xau, vou usar aqui no blog para ver se vai dar certo!
=D

3 comentários:

  1. Adorei o efeito, mega legal! Salvei aqui pra usar depois :3
    E amei o seu blog, seguindo! Retribui?
    Beijocas!

    PiinkCookie.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigaada, agradeça também ao Cherry Go, viu!

      Obrigada pelo elogio e claro que eu retribuo, sim, com certeza!

      Beijoos =)

      Excluir
  2. ... hã? Desculpa, mas não funciona ;-;

    ResponderExcluir

Heey!! Se quiserem deixar o seu comentário, leia PLEASE aqui embaixo:

*Não xingue ninguém aqui! Seja educada(o)!
* Dúvidas, elogios e críticas são sempre bem-vindas!
* Leia toda a postagem, pois sempre faço com muito esforço e carinho pra vocês!
*Vou até o perfil de vocês para visitar e talvez até seguir o seu blog!

Obrigada por comentar!

Volte Sempre!