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

* Você reservou um tempinho para comentar? *

Desde já agradeço!

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


Nenhum comentário:

Postar um comentário

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir