30 de out de 2012

1

Blockquote Com Efeito Em Hover

Heey Girls!!!
Tumblr_mcjabpkllx1rjfdv5o1_500_large
Faz tempo que eu não trago tutu's não é??
Hoje eu vou ensinar como personalizar seu Blockquote em Hover!!!
O tutu é bem simples e foi inspirado em outros que já vi.

Vai ficar assim:











1.Vá em Design-Editar HTML-Aperte F3 ou Ctrl+F-Procure por:
]]></b:skin>
2.E acima deste Código cole este:

/* Blockquote by 4Teen */blockquote {background: #f1c8dd; /* COR DO FUNDO */border-top: 8px solid  #d7629e; /* GROSSURA, ESTILO E COR DA BORDA */font-family:arial; /* FONTE */padding: 5px;font-size: 13px; /* TAMANHO DA FONTE */color: #292525; /* COR DO TEXTO */text-align: justify;border-top-right-radius: 5px;border-bottom-right-radius: 50px;}blockquote:hover {background: #ebb3d0; /* COR DO FUNDO COM O MOUSE */border-top-left-radius: 50px;}/* Fim do Blockquote by 4Teen */
3.Edite a seu gosto !!

4.Para usar clique neste botão:

está acima de onde vc escreve no post

Suuper fácil né??
Espero que tenham gostado, alguma dúvida é só perguntar!!
Kissi 

Um comentário:

Rotina de uma garota de férias! (Oficial) disse... Best Blogger TipsAnswerBest Blogger Templates

Não consegui mudar grossura, estilo, cor e essas coisas e ficou igual ao que usou como exemplo. Tem problema?

KISSES, Manu!