Seja bem vindo(a) ao Sugoi tutoriais =)
Temos temas para blogger, wordpress e outros!
Acompanhe nosso blog pela FANPAGE!
Peça o seu tutorial aqui!

5/03/2013

Blockquote Personalizado com Borda Tracejada

Oi gente , teve um pedido no msn do sugoi de um blockquote com borda tracejada então eu me inspirei no site Cherry Bomb , então confiram :



1 - Vá em Modelo > Editar Html e procure por ]]</b:skin> e cole esse código acima desta tag:
/*** Blockquote por Sugoi Tutoriais ***/ 
blockquote {

text-shadow: #fff;

color: #3d4853;

border: 1.5px dashed #0d968e;

border-right: 1.5px dashed #0d968e;

border-left: 2px dashed #0d968e;

padding: 10px;

padding-left: 10px;

margin:10px 20 20 20;

background-color: #bfe0de;

 -webkit-transition: all 0.5s ease;
}



blockquote:hover {

text-shadow: #fff;

color: #2b2528;

border: 1.5px dashed #8e2b63;

border-right: 1.5px dashed #8e2b63;

border-left: 2px dashed #8e2b63;

padding: 10px;

padding-left: 10px;

margin:10px 20 20 20;

background-color: #f4cbe2;

 -webkit-transition: all 0.5s ease;
}
E depois para usar é só clicar em e pronto.
Duvidas comente. Tutorial por Sugoi Tutoriais. Credite.

Nenhum comentário:

Postar um comentário

Seja educado , nossa educação depende da sua.
Criticas e sugestões são bem vindos.
Se reblogar por favor nos avise.