16.10.12

Efeito Backy

Yoo^^
Trouxe um efeito super lindo que você pode
usar tanto nos afiliados, como na equipe do blog
Visualize ele aqui[www]
Créditos:We Heart HTML 

Vamos Ver?
Vá no seu HTML e aperte f3 e procure por:

/b:skin
Acima da tag procurada cole isso:
imagem2 {margin: 3px; width: 100px; height: 100px; overflow: hidden; position: relative; border: 3px solid #A0514C;float: left;}
nome2 {position: absolute; display: block; width: 300px; height: 30px;
top: 30px; margin-left: -20px; opacity: 0; text-align: center; color: #A0514C; background: #fff; -webkit-transition-duration: 0.8s; border-top: 3px solid #A0514C; border-bottom: 3px solid #A0514C; line-height: 4px; text-transform: uppercase ; -webkit-transform: rotate(-15deg); font-size: 15px; font-family: 'play'}
imagem2:hover nome2 { left: 20px; top: 60px; bottom: 5px; opacity: 1; width: 103px; height: 20px; line-height: 20px; -webkit-transform: rotate(0deg)}
Personalize ele como quiser seguindo essa tabela[www

Agora vá em Layout, Adicionar Gadget, HTML/Javascript
e cole esse código[www]

Se quiserem mais alguma coisa e so pedir!

Bjs^^

8 comentários:

  1. Oi linda, quero me afiliar. Amei o blog e a postagem, Ah, como que faz o rodapé da postagem com o mesmo efeito que o seu? faz esse tuto pra nós! Hihi Beijos ♥
    Fairytalesc.blogspot.com

    ResponderExcluir
    Respostas
    1. Ah, também quero saber como deixar a área dos posts igual a sua, ok? obrigada ♥

      Excluir
  2. Haha, me sinto tão especial...Primeira vez que alguem responde meu comentário (momento constrangedor, haha T.T) Poderia seguir meu blog, linda? fairytalesc.blogspot.com Beijos

    ResponderExcluir
  3. aah que legal :)
    Fica realmente lindo :D

    ResponderExcluir

Antes de comentar siga essas regrinhas:
- Aceito segue,segue de volta
- Quando Pedir alguma coisa especifique
- Retribuo todos os comentários
- Pedidos de Afiliação só na Página de Afiliações
- Não use palavras ofensivas
- Não me peça para Divulgar porque não aceito Divulgações