Modelo Base de Blockquote - Simples #1


Olá pessoal *3* Tudo bem? Recentemente, esse bloguinho lindo fez 1 ano, parabéns para o blog e para as postadoras, em especial a Tatiane, que merece cada seguidor, cada comentário, cada visualização. Enfim, hoje vim trazer um modelinho de blockquote que eu fiz, é bem simplezinho, mas vamos lá!

Procurem por <b:skin>, e clique na setinha antes dessa tag ou nas reticências que aparecem entre tal tag e </b:skin> nos seus HTMLs e procure através do CTRL+F ou F3 ]]></b:skin> e cole acima dessa tag o seguinte código:

blockquote{
font-family: 'Calibri'; /* Fonte */
text-align: center;
padding: 10px;
font-size: 14px;
color: #e4e4e4;
background: #d391a7; /* Cor do Background */
box-shadow: 1px 1px 2px rgba(6,6,6,0.1);
}
blockquote:hover {
font-family: 'Calibri'; /* Fonte */
text-align: center;
padding: 10px;
font-size: 14px;
color: #e4e4e4;
background: #baabc1; /* Cor do Background */
box-shadow: 1px 1px 2px rgba(6,6,6,0.1);
}

Resultado do blockquote (no meu blog Miss Rock): (clique aqui)
Claro, isso foi só um modelo simples, uma base, mas no próximo post pretendo dar umas dicas para personalizar o blockquote no quadro Guia de Personalização html/css. Enquanto isso experimente novas fontes, cores, alinhamentos nesse mágico mundo dos códigos ♥ Beijos e até mais!

6 comentários:

  1. Um ano ♥ Parabéns Tati.

    Eu acho que preciso de um blockqoute no meu blog, ainda tô pensando sobre isso, mas o seu ficou bem bonito, simples e bonito.

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado, foi só uma base mesmo mas já dá para usar ^^ Abraços!

      Excluir
  2. Os modelos são lindos,amei ❤

    Beijos
    explosioncupcake.blogspot.com.br

    ResponderExcluir
  3. Parabéns pelos um ano de blog! Belo blockquote
    Bjs http://wh-graymoon.blogspot.com.br/

    ResponderExcluir

-Segue,Retribui? Retribuo se eu gostar do blog.
-Não Ofender ninguém.
-Não falar palavrões .
-Sempre deixar o link do seu blog para retribuir.
-Leia o post antes de comentar!
-Comentários sem conteúdo serão ignorados.
-Leio todos os comentários e respondo
♥❤∞ ☆ ★ ✖ 。◕‿◕。® ™ ☏✿゚✤
❝❞✥ ✦ ✧ ✩ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ❃ ❂ ❁ ❀ ✿✼ ✻ ✺ ✹ ✸ ✷ ₪ ❃ ❂ ❁ ❀ ✿ ✾ ✽ ✼ ✻ ✺ ✹ ✸ ✷
✶ ✵ ✴ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❖(◕‿◕✿) 。◕‿◕。 ⊱✿◕‿◕✿⊰(◡‿◡✿)(◕〝◕)◑▂◐ ◑0◐ ◑︿◐ ◑ω◐ ◑﹏◐ ◑△◐ ◑▽◐
●▂● ●0● ●︿● ●ω● ●﹏● ●△● ●▽●
⊙▂⊙ ⊙0⊙ ⊙︿⊙ ⊙ω⊙ ⊙﹏⊙ ⊙△⊙