12 de outubro de 2012

4

Colocando Cor no plano de fundo no Título da Postagem do Blog



Olá galerinha! hoje estarei mostrando como colocar plano de fundo no Título da postagem, também vamos aprender a personalizar ele com um plano de fundo e Bordas.


Para personalizar o plano de fundo dos títulos das postagens, vamos precisar de acrescentar um pequeno código no HTML do seu Blog.

Primeiro acesse o painel do seu Blog para editá-lo.
Então vá em Modelo >> depois em Editar HTML >> e clique em Prosseguir.
Agora você tem que localizar uma parte no HTML, então utilize as teclas Ctrl + F do seu teclado e busque por esse código :
h3.post-title, .comments h4 {

Quando localizar o código, a baixo dele vai está com essa sequencia:

h3.post-title, .comments h4 {
  font: $(post.title.font);
  margin: .75em 0 0;
}

E Antes da Chave: } você vai colocar esse código:


background:#CFCFCF;
border: solid 2px #4F4F4F;
 padding: 4px; 
border-radius: 5px

 Vamos entender o código:
  • Em azul : #CFCFCF; trata-se da cor do plano de fundo do Título.
  • Em cor de Rosa : #4F4F4F; trata-se da cor das bordas do Título.
  • agora o valor: 2px é a espessura da borda, se você quiser ele mais largo aumente o valor 4, 5 ou mais...
  • o Valor: 4px; é para expandir o espaço do Título.
  • E o número: 5px é para deixa as bordas arredondadas.

Prontinho pessoal, agora é só visualizar e veja se você fez tudo certo e depois só Salvar.


4 comentários:

  1. toda vez que eu aperto em qualquer site ou blog que ensina alguma coisa que tenha que editar o HTML eu nunca consigo achar código nenhum com o Ctrl + F, fala que não tem esse código

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook