Hoy, meus fofinhos, hoje eu trago mais um tútorial mas dessa vez vou ensinar a fazer 3 tipos de blockquote, nunca vi em nenhum outro blog esse tutorial (quer dizer, ver tem milhares de blogs que tem tutorial para fazer blockquote personalizado, mas nuca vi ensinar a fazer 3)! Chega de enrolação, vamos lá!
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
blockquote {
border: 1px solid #c9c9c9; /* cor da borda */background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
-moz-border-radius: 10px; /* Para Firefox */-webkit-border-radius: 10px; /*Para Safari e Chrome */border-radius: 10px; /* Para Opera 10.5+*/
}
Se não quiser as bordas arredondadas apage o que está de verde!
blockquote {
border-bottom: 1px dashed #33CCCC;/* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}
border-bottom: 1px dashed #33CCCC;/* cor da borda */
background-color: #efefef; /* cor de fundo */
padding: 10px;
font-size: 11px; /* tamanho da fonte */
color: #333333; /* cor da fonte */
text-align: justify;
}
.post blockquote {
background: #efefef; /*Altere o fundo como preferir*/
border-left: 5px solid #DAA46F; /*Altere a cor da borda como preferir*/
padding: 5px;
}
Espero que tenham gostado e beijos!Ah, créditos pelas imagens Place Fame Extras!
Adorei esses blockquotes!
ResponderExcluirVisite,por favor? se quiser,pode seguir,também:
http://everythingifeelandthink.blogspot.com.br/
Obrigada e bjs!
Adoreiiiiiiiiiiii seu blog, ele é lindo demais!!
ExcluirMuito bom o post, realmente nunca vi em outro blog 3 de uma só vez! adorei a segunda opção.
ResponderExcluirportrasdorimel.blogspot.com
Eu sei que sou demais!rsrsrs
ExcluirLindos blockquotes.
ResponderExcluirhttp://girlsrepublic-s2.blogspot.com.br/
Quer fazer afiliação?
ExcluirHAAA, é isso que eu tava precisando acredita ? Amei o tuto.
ResponderExcluirhttp://newsdayoff.blogspot.com.br/
Eu leio pensamentos!-q
ExcluirAmei a tuto! Eu estava precisando mesmo :D
ResponderExcluirObrigada!
Beijos,
http://princesacrista.blogspot.com.br/
Ótima tutorial! Parabéns pelo blog *:
ResponderExcluirSe gostar segue? rain-of-smiles.blogspot.com.br
Adorei todos! E ja to usando o 2º... seguindo aqui! Se quiser retribuir!
ResponderExcluirbeju
sweetsecretfantasy.blogspot.com.br