Gifs e muito mais!

24 de mai. de 2013

Retirando Fundo transparente

Neste mini Tutorial irei mostrar algo bem simples de se fazer. O fundo  transparente do Modelo Janela de imagem do blogger incomoda bastante aqueles que querem dar um visual legal ao blog; este tutorial ira mostrar como é facil se livrar deste pequeno problema.(Para completar, nesta postagem também estarei mostrando como retirar o fundo do Widget ''Atribution'')

Antes de retirar o fundo

Depois de retirar o fundo


Retirando o Fundo 

 Photobucket Vá no Html do seu blog 
 Procure por
/* Main 

Você vai encontrar o código da seguinte maneira:
/* Main
.main-outer {
  background: $(main.background);

  -moz-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  -webkit-border-top-left-radius: $(main.border.radius.top);
  -webkit-border-top-right-radius: $(main.border.radius.top);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -goog-ms-border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;
  border-radius: $(main.border.radius.top) $(main.border.radius.top) 0 0;

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
}
Photobucket Apague o trecho entre as Chaves ''{ }
 .main-outer { Trecho que deve ser apaguado  }

  Ficando da seguinte forma:

/* Main
.main-outer {
  }
Visualize e se estiver tudo bem, salve

 

Retirando o Fundo do Widget 'Atribuition'

Antes 

 

Depois 

 

 Photobucket Procure por
.footer-outer {

O código vai estar da seguinte maneira:
.footer-outer {
  color:$(footer.text.color);
  background: $(footer.background);

  -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
  -webkit-border-top-left-radius: $(footer.border.radius.top);
  -webkit-border-top-right-radius: $(footer.border.radius.top);
  -webkit-border-bottom-left-radius: $(footer.border.radius.bottom);
  -webkit-border-bottom-right-radius: $(footer.border.radius.bottom);
  -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);
  border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);

  -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);
  box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);

}
Photobucket Apague o trecho entre as Chaves ''{ }
.footer-outer { Trecho que deve ser apagado }

O código deve ficar assim:

.footer-outer {
}
 Visualize e se estiver tudo certo, salve.

Photobucket 
Espero que tenha gostado do mini tutorial, qualquer duvida é só comentar.

5 comentários:

  1. Muito obrigado ficou como queria , nem sei como agradecer ..tudo de bom ....

    ResponderExcluir
  2. Nossa! Muito obrigada, ajudou muito, não achava esse tutorial em lugar nenhum! Seu blog é muito fofo, seguindo.
    Beijos >3<
    Just the Way You Are

    ResponderExcluir
  3. amei o post me ajudou muito msm :)

    ResponderExcluir
  4. Eu nao consegui tirar. Ja tentei de todas as formas
    http://charmeebeleza1.blogspot.com.br/

    ResponderExcluir