23.4.12

Blockquote com dois backgrounds


Oie minhas coelhinhas  tudo bem?
Vou encinar como deixar o Bloquote com dois backgrouns!
Espero qe seja util 

MaynaBaby.com Mini gif
Vamos la?

1. No Blogger, vá em Design> Editar HTML.
2. Cole o código abaixo no seu CSS (Acima de ]]></b:skin>):

.post blockquote {
background: #efefef url(http://static.tumblr.com/oiizew6/xBQly7u8f/aspas.png) no-repeat left top; /* Backgrounds */
border-bottom: 2px solid #AB82FF; /* Estilo da borda */
padding: 10px; /* Espaço da esquerda */
font-size: 13px; /* Tamanho da fonte */
color: #696969; /* Cor da fonte */
text-align: justify; /* Alinhamento do texto */
-moz-border-radius: 10px; /* Bordas arredondadas */
-webkit-border-radius: 10px;
border-radius: 10px;
padding-left: 40px; /* Margem interna da esquerda */
padding-bottom: 12px; /* Margem interna da parte da borda */
padding-right: 15px; /* Margem interna da direita */
padding-top: 10px; /* Margem interna da parte de cima */
}
3. Se você não modificar o código, o seu resultado vai ficar igual ao meu. Salve.

Um comentário:

♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !