Tutorial: Blockquote em hover com duas barras

Yoo ~~

Trouxe mais uma vez um tutorial de como deixar o blockquote do seu blog em Hover !

Vejam o resultado clicando aqui !

Gostaram ? Querem aprender ? Então leia mais !

Enjoy ~~

Vá em Painel> Editar HTML e procure por:

]]></b:skin>

Depois cole em cima da Tag: 

.blockquote {

background: #f1f1f1; /* fundo */

box-shadow: inset 0 0 18px #e2e1e1, 0 0 3px #ccc; /* sombra interna */

padding: 3px; /* acolchoamento */

border-left: 13px solid #Sua Cor; /* espessura, tipo e cor da borda esquerda */

border-right: 13px solid #Sua Cor; /* espessura, tipo e cor da borda direita */

transition-duration: 1s; /* transição */

-moz-transition-duration: 1s; /* transição */

-webkit-transition-duration: 1s; /* transição */

}

.blockquote:hover { /* quando o mouse passa por cima */

border-left: 13px solid #Sua cor em Hover; /* espessura, tipo e cor da borda esquerda */

border-right: 13px solid #Sua cor em Hover; /* espessura, tipo e cor da borda direita */

}

Mude o fundo do blockquote e as cores das barrinhas que ficam do lado !

Aprendi no Sorvete de Morando :3