Recomeçando

Sobre os mais Velhos

[RESENHA] A Maldição, de Stephen King

Bloqueio de Escrita

04
abril
2015

Como substituir os títulos da sidebar por HTML?

 
Hey, Pessoal!
 
Sabe quando você vai em um blog e vê a sidebar toda linda com uns títulos bem perfeitinhos? Então hoje eu vou ensinar você a criarem o título dos widgtes do jeitinho que quiserem.
 
Vá em Modelo > Personalizar > Ajustar larguras e veja o tamanho da sua barra lateral. É necessário saber o tamanho ideal caso você queira criar seu próprio divisor, com as medidas certas esse procedimento ficará mais fácil.

 
Crie o divisor da forma que desejar, ou se preferir pesquise alguns tipos de divisores no Google. Lembrando que a imagem tem que ser PNG.
 
Vá em Modelo> HTML> Aperte CTRL+F e pesquise por .footer-inner .widget h2,
O código estará assim:

.footer-inner .widget h2,

.sidebar .widget h2 {
  padding-bottom: .5em;
}
 
E você deverá substitui-lo por este:
 
footer-inner .widget h2,

.sidebar .widget h2 { padding-bottom: 1.1em; background:url(‘ URL DA FAIXA’)no-repeat;
margin-left:-20px; text-align:center; }
 
Hospede sua imagem em algum site e coloque a url onde está escrito “URL DA FAIXA”.
 
Se a imagem não ficar bem posicionada faça os ajustes em margin-left: 
Observação:  Números negativos vão para a esquerda e positivos para a direita.

E para alterar a fonte do título e o tamanho, é só fazer as alterações nos seguintes itens:

Font-Size /*Tamanho da fonte*/
Font-Family /*Fonte do título*/
 
Prontinho! Não se esqueçam de comentar o que acharam
(Créditos:http://opincelcerto.blogspot.com.br)

Você também pode gostar de ler:

Deixe seu comentário

4 Comentários

  • Tânia Listing
    06 abril, 2015

    O meu blog é sapo mas esta é uma dica fixe para quem não gosta dos visuais originais dos templates e os quer substituir por algo mais chamativo!

    http://coisas-ao-acaso.blogs.sapo.pt/fell-it-all-video-e-oficial-temos-21302

    • Karolline Vicente
      06 julho, 2015

      Sim sim, acho bem bacana mudar algumas coisas e deixar o blog cada vez mais parecida com a autora. :p

  • Markus Andrez
    05 abril, 2015

    Oi, Karol! Tudo bem? Adorei teu blog e tuas dicas ><
    Beijo

    mundoemcartas.blogspot.com.br

  • © 2019 Palavras Ambulantes • Desenvolvido com por