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 de instala-los e quem ainda não viu, abaixo deixo os links:

Neste terceiro, é basicamente a mesma coisa que os blockquotes 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: AQUI

Não se esqueçam de comentar! 
Beijinhos

COMPARTILHE :  

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.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.