Citações com destaque no Blogger
Olá Amigos!
Fonte: UsuarioCompulsivo modificado por: InfoBlogui
Segundo a Wikipedia:
No exemplo acima, a citação de um texto da Wikipédia que fala sobre Citações.
Nos templates padrões, as citações são apenas tabuladas um pouco mais a direita do corpo do texto, sem destaque algum.
Com o código que postarei logo abaixo vai ser possível adicionar uma cor de fundo as citações, dando mais destaque a mesma.
Para usar citações em um artigo, você deve selecionar o texto a ser citado e depois clicar no ícone destacado na imagem abaixo:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGrMTmZN9e9wh5T4sG9FygBbT_lwai64GAVS4AIsYarmEShrZg4VcgrMijf0k6jH3BNV1p9dS00dHUy0hIHpr-r0phWkaI7PKYliPtMO9OE2Q3x9EHCPQxF3FFrXkLEa6tWHF2FlxtKKhT/s320/citacao.JPG)
Aqui vai o código que falei pra vocês, mas antes de mais nada, lembre-se, toda vez que for mexer no código do seu template, faça um backup dele.
.post blockquote {
margin: 1em 20px;
border: 1px solid #c0c0c0;
background: #f5f5f5;
padding: 7px;
}
Nos valores em vermelho definem-se as cores da borda e do fundo, mude-as como desejar, recomendo dar uma olhada nesta tabela de cores.
Caso não exista esse código no seu template, basta inseri-lo antes da tag ]]></b:skin>.
Espero que seja útil.
Até mais.
.
Fonte: UsuarioCompulsivo modificado por: InfoBlogui
Segundo a Wikipedia:
Segundo a norma NBR 10520:2002, elaborada pelo Comitê Técnico 014 (Informação e Documentação) da Associação Brasileira de Normas Técnicas, citação numa produção textual é a "Menção de uma informação extraída de outra fonte", tais como (livros, periódicos, vídeos, sites e etc).
No exemplo acima, a citação de um texto da Wikipédia que fala sobre Citações.
Nos templates padrões, as citações são apenas tabuladas um pouco mais a direita do corpo do texto, sem destaque algum.
Com o código que postarei logo abaixo vai ser possível adicionar uma cor de fundo as citações, dando mais destaque a mesma.
Para usar citações em um artigo, você deve selecionar o texto a ser citado e depois clicar no ícone destacado na imagem abaixo:
Aqui vai o código que falei pra vocês, mas antes de mais nada, lembre-se, toda vez que for mexer no código do seu template, faça um backup dele.
.post blockquote {
margin: 1em 20px;
border: 1px solid #c0c0c0;
background: #f5f5f5;
padding: 7px;
}
Nos valores em vermelho definem-se as cores da borda e do fundo, mude-as como desejar, recomendo dar uma olhada nesta tabela de cores.
Caso não exista esse código no seu template, basta inseri-lo antes da tag ]]></b:skin>.
Espero que seja útil.
Até mais.
.
Postar um comentário