Hoje eu vou postar um tutorial que é o Efeito Nebula que vocês podem ver o live preview aqui.
Vamos começar né?
Clique em leia mais e vamos lá!
1º Procure por ]]></b:skin> e cole este link acima dele
figure { margin: 3px; width: LARGURApx; height: ALTURApx; overflow: hidden; position: relative; border: 3px solid #CORDABORDA; margin-right: 3px; float: left;}figcaption { font-family: verdana; font-size: 11px; position: absolute; display: block; width: 111px; height: 20px; left: 267px; bottom: 6px; text-align: center; color: #CORDAFONTE; text-shadow: none; background: url(http://i1234.photobucket.com/albums/ff411/SweetLG/78-1.png); border: 3px solid #CORDABORDADAFAIXA; line-height: 20px; box-shadow: rgba(0,0,0,.5) 0 2px 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transition-duration: 60s; -webkit-transition-duration: .60s;}figure:hover figcaption { left: 35px;bottom: 10px;}
Todas as palavras em negrito devem ser editadas.
2ºAdicione um gadget de HTML/Javascript e cole este código:
<a href="SEULINK"><figure><img src="LINKDAFOTO" width="LARGURADAFOTO" alt=""/>
<figcaption>NOME</figcaption>
</figure></a>
<figcaption>NOME</figcaption>
</figure></a>
Créditos: Kawaii World
Espero que tenham gostado!
Kisses!
Nenhum comentário:
Postar um comentário
Olá vai fazer um comentário?
Arigatou ficaremos muito felizes!!!
Mas precisa seguir algumas regras:
-Não xingar o blog nem outras pessoas
-Não falar sobre blogs a não ser se for na página parceria.
Comente seguindo as regras!
Obrigada por comentar!!!