Blockquote modelo 3 personalizado para blog | Quero Dicas Quero Dicas : Blockquote modelo 3 personalizado para blog

Quero Dicas : Blockquote modelo 3 personalizado para blog

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


Nenhum comentário:

Postar um comentário


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

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.

Beijinhos ♥

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir