25 maio 2011

Imagem de fundo no título do gadget

||
Sabe quando você baixa um template e já vem a imagem de fundo no título do gadget ? Pois bem vou ensinar a vocês hoje.Eu procurei a muito tempo esse tutorial,até que achei, fiz e trouxe para vocês,ele é ótimo para pessoas que tem blogs de layout , pois assim a imagem já fica fixa no fundo do gadget,e também para pessoas que não querem cada vez que adiciona um gadget ter que criar uma nova imagem para o título. Vamos ao tuto.


Primeiro crie uma imagem um pouco menor que o tamanho da sua barra lateral ex : 
Vá em Design>Editar HTML>ctrl  f e na barra de pesquisa cole essa tag  /* Headings
Mais a baixo você vai achar uma tag parecida (ou igual) a essa

.footer-inner .widget h2,
.sidebar .widget h2 {
  padding-bottom: .5em;
}
Na minha está assim,mais a sua pode estar mais abaixo ou mais acima 



Antes de fechar a chave } coloque o seguinte código 

 background-image: url(url);
  background-position: center;
width: 280px;
height: 30px; }
 text-align: center;
Deverá ficar assim :




Configure seu código :
código em vermelho : substitua pela url do seu fundo
código em roxo : substitua pela largura do seu fundo
código em verde: substitua pela altura do seu código

UPDATE :  esse tutorial foi atualizado e está com códigos novos, quem quiser ver mais fundos para títulos de gadgets clique aqui 


é isso ai , espero que tenham gostado do tutorial , agora o blog tem uma página de goodies,onde estão todos os tutos e ultilitários , que logo farei mais , e para quem notou,troquei o layout do blog de novo , dessa vez eu realmente achei legal . Não esqueçam de comentar .

9 comentários:

  1. ooiê, que bom que gostou do conto *-*
    Ah o layout daqui é lindo *-*
    curti!!! beijos (:

    ResponderExcluir
  2. AHH, que legal, não parece dificil, um dia vou tentar fazer *-*. Ficou lindão amor ;)
    Ahh sim,quarto vermelho é linds *-*. Tendi,mt lindo seu cabelo amora. Ahh, eu uso a numero 6660 da Garnier da linha coloríssimos, n lembro o nome dela,vou pela foto HAHA, é um vermelho meio rosa e que demora um pouco pra desbotar. Sou louca pra usar Jeans Color, mas moro em cidade pequena, aqui n tem nem tinta vermelha - compro tudo fora - então né haha,
    beijos

    ResponderExcluir
  3. amei mais olha como o meu ficou
    http://mundododesabafo.blogspot.com/
    eu quero que fique só os titulos dos gadgets mais ficou a data de postagem como eu faço pra muda ??? bj ;*

    ResponderExcluir
  4. era pra ficar quadrado ? ou redondo igual na imagem que você fez , eu fiz png com fundo do mesmo jeito do seu ... porque eu fiz agora e ficou :S

    ResponderExcluir
  5. Consegui, eu usei o mesmo fundo do exemplo que você mostrou. Ficou bem legal, eu acheii

    ResponderExcluir
  6. Nossa, seu blog tá de parabéns, e os tutoriais estão incríveis!!! Estou criando o meu agora e ainda tenho muito coisa pra aprender. Obrigado!

    http://b-lody.blogspot.com :)

    ResponderExcluir
  7. Eu apliquei num template free que estava disponibilizando no meu blog... Ficou mto 10! Amei o post!
    Dá um alô lá no meu blog!
    http://cupcakesgirlovers.blogspot.com.br/

    ResponderExcluir

- Eu respondo todos os comentários do blog, por mais que demore um pouquinho sempre respondo.
- Se você me fez alguma pergunta por comentário eu respondo no próprio post, então é só voltar no post onde perguntou que sua resposta estará lá.
- Adoro receber e-mail de leitoras, com dúvidas, elogios, sugestões e até algum desabafo como muitas fazem, acreditem não é nenhum incômodo <3
- Se quer criticar, critique de modo construtivo.
- Eu adoro quando vocês participam, afinal o blog é feito para vocês <3

Related Posts Plugin for WordPress, Blogger...