Tutorial | Como colocar Blockquote em hover

 

Oi lindinhos, aqui pedindo desculpa pra Maah, eu não estava postando

por causa daquele lindo do tempo :ç 

Mas vamos ao tuto... como vai ficar:

Em hover é quando você passa o mouse em cima daí ele muda, as laterais ficam mais finas...

Vá em modelo>>editar HTML>>aperte Control+F>>procure por:

]]></b:skin>

Depois que encontrar o código, cole o seguinte código EM CIMA de ]]></b:skin>

 /*Blockquote em Hover By: Mundo Fantástico Feminino

----------------------------------------------- */

blockquote {

border-left: 15px solid #SUACOR;

background-color: #SUACOR;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;

-webkit-transition-duration: .50s;

}

blockquote:hover {

border-left: 18px solid #SUACOR;

background-color: #SUACOR;

padding: 10px;

font-size: 11px;

color: #5c5c5c;

text-align: center;

box-shadow: inset 0 0 12px #ecebeb, 0 0 5px #bebebe;

-webkit-transition-duration: .50s;

}

Edite como quiser, e pronto.. Gostaram do tuto, espero que usem,

beijos!