Retirando Fundo transparente 
Autor: Shirley | Publicado: 2013-05-24T17:43:00-07:00





Neste mini Tutorial irei mostrar algo bem simples de se fazer. O fundo&nbsp; 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&nbsp;

&nbsp; Vá no Html do seu blog&nbsp;

&nbsp;Procure por 

/* Main&nbsp;



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

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

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

 Apague o trecho entre as Chaves ''{ } 

&nbsp;.main-outer { Trecho que deve ser apaguado&nbsp; }



&nbsp; Ficando da seguinte forma:



/* Main 

.main-outer {

&nbsp; }

Visualize e se estiver tudo bem, salve


&nbsp;

Retirando o Fundo do Widget 'Atribuition'



Antes&nbsp;
&nbsp;




Depois&nbsp; 


&nbsp;



&nbsp; Procure por

.footer-outer {


O código vai estar da seguinte maneira:



.footer-outer {&nbsp; color:$(footer.text.color);&nbsp; background: $(footer.background);&nbsp; -moz-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);&nbsp; -webkit-border-top-left-radius: $(footer.border.radius.top);&nbsp; -webkit-border-top-right-radius: $(footer.border.radius.top);&nbsp; -webkit-border-bottom-left-radius: $(footer.border.radius.bottom);&nbsp; -webkit-border-bottom-right-radius: $(footer.border.radius.bottom);&nbsp; -goog-ms-border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);&nbsp; border-radius: $(footer.border.radius.top) $(footer.border.radius.top) $(footer.border.radius.bottom) $(footer.border.radius.bottom);&nbsp; -moz-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);&nbsp; -webkit-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);&nbsp; -goog-ms-box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);&nbsp; box-shadow: 0 $(region.shadow.offset) $(region.shadow.spread) rgba(0, 0, 0, .15);} 

 Apague o trecho entre as Chaves ''{ }


.footer-outer { Trecho que deve ser apagado }



O código deve ficar assim:



.footer-outer {


} 


&nbsp;Visualize e se estiver tudo certo, salve.


&nbsp;

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