imagem

Leia também esses textos!

24 de julho de 2014

Como colocar cor ou imagem no fundo dos titulo dos gadgets





                     Atualizado e acrescentado                      








Como vão lindas ... que bom as férias Já começaram , hoje vim aqui com um 

tutorial simples vou ensinar como colocar cor e imagem no fundo do titulo 
 do gadget  então vamos lá ...



Para colocar um fundo ou uma imagem no titulo do seu gadget ...

Vá em Desing > Editar HTML > Ctrl+ F > e procure por /* Headings  e vai aparecer


/* Headings
----------------------------------------------- */
                                                 mais a baixo você vai encontrar

.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .7em;
}


 Antes de fechar a chave coloque:
  background-image: url(URL DA SUA IMAGEM);
  -position: center;
Deve ficar assim:
.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .7em;
  background-image: url(URL DA IMAGEM);
  background-position: center;
}



Em azul coloque o url da sua imagem e Pronto, caso
não queira colocar imagem apenas uma cor de fundo troque
background-image: url(URL DA IMAGEM); por background: #000000;

Aqui voce encontra as cores que precisa  para escolher a cor do fundo tabela





Caso você ache que ficou muito fino a faixa acrescente isso embaixo antes de fechar a chave 




.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .7em;
  background-image: url(URL DA IMAGEM);
  background-position: center;
height: 50px; /* altura da imagem */

width: 200px; /* largura da imagem */

}



Siga no Twitter

https://twitter.com/intent/follow?source=followbutton&variant=1.0&screen_name=juliaCasarin_10


Siga no Facebook 
http://www.facebook.com/pages/Menina-Delicada/281452765357377

Siga no Instagram 

http://instagram.com/ju10cl

3 comentários:

  1. Não consigo ajustar a faixa no meu blog, princesa. Não dá pra alargar. Como proceder?

    ResponderExcluir
    Respostas
    1. Oi é so colocar embaixo background-position: center; é so colocar isso que me esqueci e ja atualizei no tutorial aqui do blog
      height: 50px; /* altura da imagem */

      width: 200px; /* largura da imagem */

      Excluir
  2. Espero ter ajudado qualquer duvida é só perguntar de novo :D

    ResponderExcluir