2 blockquotes

Ooi gente! Como vão vocês? Espero que estejam bem, hoje eu trouxe para vocês 2 blockquotes desenvolvidos por mim, eu aprendi a editar esses blockquotes num tutorial do Sweet Poison.

Para usar os blockquotes, você deverá colar o código fornecido antes de ]]></b:skin>

Blockquote #1

.post blockquote {
background: #FFC0CB;
border-right:5px solid #000000;
text-align: right;
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
}
.post blockquote:hover {
background: #DDA0DD;
border-right:15px solid #000000;
text-align: right;
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}

P.S: o tamanho dele não muda, é que na imagem ficou ruim

Blockquote #2

.post blockquote {
background:#98FB98 ;
border-right:20px solid #228B22;
text-align: left
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote:hover {
background:#CAFF70 ;
border-right:40px solid #458B00;
text-align: left
padding: 5px;
margin:10px 20px 10px 20px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}

Entendendo os códigos:

A parte em negrito significa as cores, tanto no hover quanto sem o hover. Background é o fundo e Border-right... é a borda.

A parte sublinhada significa a borda, você pode mudar para right (direita) ou left (esquerda), a largura você pode mudar também, lembrando de deixar sempre diferente a do hover, e o estilo vocês podem mudar para dashed ou pointed, mas aconselho deixar do jeito que está.

Espero que gostem dos blockquotes, são meus primeiros. Por favor creditem se forem usar e não repassem.

Um grande beijo para vocês.