12 junho 2011

xTutorial: Colocando fundo imagem No Titulo do Gadget

| |

 xTutorial: Colocando fundo imagem No Titulo do Gadget
 Com Titulo Centralizado!

Você poderá escolher entre Imagem ou Cor de fundo!
1º Vá em DESIGN> EDITAR HTML> precione CTRL+F> e procure por >
/* Headings deve aparecer assim:
/* Headings
----------------------------------------------- */
(...Mais abaixo você vai encontrar...)

.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}
[...Modifique Assim:...]
.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
  background-image: url(URL DA SUA IMAGEM);
  background-position: center;
  font-size: 11px;
  text-align: center;
}
Modifique os Tamanhos
Em verde é o tamanho dos títulos do gadget, em Azul coloque a URL da sua imagem,
Caso não queira colocar imagem, você quer apenas cor no fundo troque
 background-image: url(URL DA SUA IMAGEM); por
background: #000000;
Visualize pra ver se esta tudo certinho, se estiver salve. Prontinho!

8 comentários:

Iana Paulinhaaaa disse... [Responder]

Você é maravilhosa! obrigada!! não sabe o quanto isso me ajudou!! adorei, fiz lá no meu blog! ficou massa!! beijos...

Marina disse... [Responder]

Como fica?

Patii disse... [Responder]

ooi se pode me explicar como muda a fonte me responde no meu blog,se você responder ficarei grata
http://blogdapatola.blogspot.com

Angel Fairy disse... [Responder]

Oie !! queria saber como coloco uma gif ao lado (antes) dos titulos dos Gadgets???

No meu caso eu gostaria de incluir uma pequena gif antes de cada titulo, é possivel ?

Por exemplo, igual como vc fez aqui no seu blog (acima, onde aparece Tags, tem um coraçãozinho antes.....)

Me ensina ?

Obrigaduuuu !!!! bjs

Denteras disse... [Responder]

onde que eu acho imagens pra colocar no fundo do texto dos meus gadjet ???

Sweet Girl disse... [Responder]

Como eu deixo a parte da cor do titulo do meu widget arredondada ?

Ester disse... [Responder]

Como redonda?

isa disse... [Responder]

@Ester tambem quero saber

Se Plagiar Vai Dançar!
myfreecopyright.com registered & protectedProtected by Copyscape Online Plagiarism Checker