Blockquote Personalizado em Hover

Hey People

-post programado, estou viajando,respondo os comentarios quando tiver tempo-

Hoje eu vou ensinar a fazer o blockquote igual nós tinhamos antes aqui no 4Teen:

Sem o Mouse

Com o Mouse

Vá em Design>>Modelo>>Editar Html e procure por:

 ]]></b:skin>

Acima do código cole este:

/*BLOCKQUOTE*/

.post blockquote {

padding: 10px 10px;

background:#ededed;

boder-top: 3px solid #a19e9e; /*------------Cor da barra de baixo------*/

border-radius:2px; /*-------------Arredondamento do gadget--------*/

border-bottom: 1px solid #a19e9e;

border-top: 1px solid #a19e9e;

border-right: 7px solid #f556a3;

border-left: 7px solid #f556a3;

transition-duration: 1s;

-moz-transition-duration: 1s;

-webkit-transition-duration: 1s;

-moz-border-radius: 30px 10px / 10px 30px;

border-radius: 30px 10px / 10px 30px;

}

.post blockquote:hover {

border-left: 7px solid #f99eca;

border-right: 7px solid #f99eca;

border-top: 1px solid #a19e9e;

border-bottom: 1px solid #a19e9e;

transition-duration: 1s;

-moz-transition-duration: 1s;

-webkit-transition-duration: 1s;

-moz-border-radius: 10px 30px / 30px 10px;

border-radius: 10px 30px / 30px 10px;

}

/*BLOCKQUOTE*/

E salve, para usa-lo é só clicar na imagem das "aspas" quando estiver fazendo a postagem

Kissi