13 de jan de 2013

Mudar o pano de fundo da sidebar

Olá pessoal, hoje trago para vocês um tuto super fácil. Muitas pessoas não
sabem como fazer ou não encontram o código dentro do template.
Vamos aprender a mudar o pano de fundo da sidebar?


No html de seu blog, clique em expandir modelos de widgets, depois no seu teclado aperte ctrl+f,
 quando abrir a caixinha digite :

 .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
(se sua sibedar for à direita da postagem) ou
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {  
(se sua sidebar for à esquerda) 

quando encontrar vai estar assim:
sidebar à diteita: 
.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
 margin-right: $(content.padding);
 background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left; 
sidebar à esquerda: 
.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  margin-right: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;


Onde tem background você apaga e coloca:

background:#000000 repeat scroll top left;  ou
background:url(link do background)repeat scroll top left;

-O background está na cor preta, mude para a cor que ficar melhor no seu blog.


14 comentários :

  1. Oi, eu queria saber, se a Sidebar, é a área dos gadgets. Eu queria mudar a cor do fundo dos gadgets, só não sei se é a sidebar

    ResponderExcluir
  2. Sim, a sidebar é a área dos gadgets.

    ResponderExcluir
  3. olá, eu gostaria de saber se não tem como mudar o fundo de somente um gadget

    ResponderExcluir
    Respostas
    1. Rede Ground TV, sim tem como personalizar cada gadget da sidebar, veja esse tutorial:
      personalizar cada gadget da sidebar.

      Excluir
  4. perguntaa: (meu blog é do chico bento moço) na area do background é para apagar a linha toda????

    ResponderExcluir
    Respostas
    1. Gustavo, sim é para apagar toda a linha do background.

      Excluir
  5. Eei, queraia saaber como separar os gadgets, cada um em uma caixa <3

    ResponderExcluir
    Respostas
    1. Isabella, olhe esse link:

      Separando os gadgets da sidebar

      Espero ter ajudado. Qualquer dúvida pergunte.

      Excluir
  6. Oie adorei seu blog.
    Estou montando o meu, como voce dividiu o seu blog , queria deixa o meu dividido em caixinhas . Eu queria tirar aquele fundo escuro do quem sou eu e personalizar. Se tiver como me ajudar. ;)

    ResponderExcluir
  7. Oiee... tudo bem?
    A Sidebar do meu blog é vinho, mas eu queria deixar "vinho transparente"? Acho muito carregado... Dá para fazer isto?

    Obrigada!

    ResponderExcluir
    Respostas
    1. Letícia, coloque no código de sua sidebar:
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;

      Excluir
  8. Adorei o tutorial
    http://toobege.blogspot.com.br/

    ResponderExcluir

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo