blockquote em hover

olá pessoal! Desculpa desaparecer, mas com o One direction no Brasil, eu como directioner, tenho muito para fazer! Eu tô muito feliz que gostaram do layout novo e eu estou querendo fazer uma surpresa para vocês porque o blog já tem 56 postagens, eu ia fazer uma surpresa quando tivesse 50, mas teve um problema e nem deu para fazer! ainda não sei oque fazer, estou decidindo entre uma pack de resources ou um layout free Bem elaborado!

O blockquote que eu trouxe hoje tem um efeito bem legal! no meu eu coloquei imagens galaxy, mas você escolhem o background, mas se não quiserem colocar uma imagem, substituam "url(URL_DA_BLOCKQUOTE);" por "#cordobackground;". aqui está um Preview dele;
Previw
 Para colocar esse block no seu blog, vá no seu editor HTML e procure por ]]> e acima cole;
.post blockquote {
background:url(URL_DA_BLOCKQUOTE); /*Url da blockquote*/
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-transition-duration: 3.00s; /*** DURAÇÃO DA TRANSIÇÃO***/
}
.post blockquote:hover {
background:url(URL_DA_BLOCKQUOTE_HOVER); /*Url da blockquote hover*/
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-transition-duration: 3.00s; /*** DURAÇÃO DA TRANSIÇÃO ***/
}
Modofique o necessário! Não modifique a duração da transição!
Tiau lena

3 comentários:

Andriely P. disse...

lindo modelo de blockquote, acho q vou uar no prox lay <3
segue de volta?
bjs ~~

laserquestt.blogpot.com

Marcella disse...

Bem legal o seu blog ! Faz um layout free !
Bjs e seguindo

blockquote

Unicorn~Chan disse...

Parabéns pelos posts, nem sei decidir entre layout free e pack de resources :P
Fiquei de boca aberta ! Que maravilhoso o blockquote, apaixonei *--*
Seguindo >3<

~kiss
CS ♥

Postar um comentário

Oie, pode comentar a vontade, mais antes siga as regras.

- Não é permitido usar palavras insultantes.
- De criticas construtivas!
- Aceito "segue de volta", mas comente sobre o post primeiro né!
- Tem vaga para afiliados é só pedir!
- Deixe o link do seu blog para eu retribuir a visita!!!
Bjs ♥

Algumas fofuras para você usar:
ッ ≧✯◡✯≦ ≧^◡^≦ :[ ✿◕ ‿ ◕✿ ➳♥ ❣ ☜♡☞❤ ❥ ❦ ❧ ♡ ✗ ✘ ⊗ ♒ Ω ♦ ♠ ♥ ♣ ♢ ♤ ♡ ♧ ✦ ✧ ♔ ♕ ♚ ♛ ★ ☆ ✮ ✯ ☄ ☾ ☽ ☼ ☀ ☁ ☂ ☃