Blockquote modelo 3 personalizado para blog | Quero Dicas


Blockquote modelo 3 personalizado para blog


Eu já ensinei dois modos de personalizar o blockquote. Hoje eu trago o terceiro modelo. Quem já viu os outros dois modelos, já sabem como é bem simples instala-los e quem ainda não viu, abaixo deixo os links:

Este terceiro, é basicamente a mesma coisa que o blockquote anteriores, mas sem a imagem de fundo como no modelo 1. Ele é até mais fácil de personalizar e apesar de simples, dá um bonito visual. Vejam na imagem abaixo.


Você pode trocar as cores, fonte, largura das bordas e texto, além do espaço entre a margem. Gostou? Vamos ao tutorial...

   TUTORIAL

1 - Acesse o painel do seu blog

2 - Vá em Modelo e Editar HTML

3 - Tecle Ctrl + F e procure por:

]]></b:skin>
 


4 - Acima dela, cole o seguinte código:


.post blockquote {
border-bottom: 4px groove #00868B; /* cor da borda */
border-left: 4px groove #00868B; /* cor da borda */
background-color: #F0FFFF; /* cor de fundo */
padding: 10px; * espaçamento do texto */
font-size: 16px; /* tamanho da fonte */
color: #000; /* cor da fonte */
text-align: justify; /* alinhamento do texto */
}
   

5 - Salve e prontinho! Seu Blockquote está personalizado.

   PERSONALIZANDO



Como nas versões anteriores, eu deixei escrito ao lado de cada código para que servem. É muito fácil. Abaixo a tabela de cores.

Tabela de cores: Flextool

Não se esqueçam de comentar! Beijinhos
Me Contrate!

Comentários
0 Comentários


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.