Modelo 1
.post blockquote{
background: #FF00A6; /* Cor do fundo */
border-left: 5px solid #B80077; /* Borda esquerda */
border-right: 5px solid #B80077; /* Borda direita */
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px; /* Bordas arredondadas, não precisa mudar */
padding: 5px; /* Enchimento, não precisa mudar */
-webkit-transition-duration: 1.00s;
}
.post blockquote:hover{
background: #B80077; /* Cor do fundo hover*/
border-left: 5px solid #FF00A6; /* Borda esquerda hover*/
border-right: 5px solid #FF00A6; /* Borda direita hover */
}
Modelo 2
.post blockquote{
background: #7900B9; /* Cor do fundo */
border-top: 3px solid #52007F; /* Cor da borda de cima */
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px; /* Bordas arredondadas, não precisa mudar */
padding: 5px; /* Enchimento, não precisa mudar */
-webkit-transition-duration: 1.00s;
}
.post blockquote:hover{
border-top: 7px solid #52007F; /* Borda de cima ao passar o mouse */
}
Modelo 3
.post blockquote{
background: #32809B; /* Cor do fundo */
border-left: 5px solid #286276; /* Borda Esquerda */
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px; /* Bordas arredondadas, não precisa mudar */
padding: 5px; /* Enchimento, não precisa mudar */
-webkit-transition-duration: 1.00s;
}
.post blockquote:hover{
background: #286276; /* Cor do fundo */
border-left: 5px solid #32809B; /* Borda Esquerda */
}
É isso! Espero que tenham gostado.
Adorei...
ResponderExcluirPassando pra perguntar se você quer ser meu afiliado!
Assim que me colocar nos afiliados só passar la no blog e avisar viu?
Ai coloco você...
Kisses
space-sweet-girl.blogspot.com.br
♥ Já avisei!
ExcluirAdoreeei o post me ajudou bastante *----*
ResponderExcluirSeguiindo retribui por favor ??
BEEIJOS Y.Y
http://eldiarycrazy-official.blogspot.com.br/