31/07/2012

Tutorial: Tirando a sombra e bordas das imagens e colunas no modelo do blogger

||

Yo minhas tortitas! Bem para quem usa o modelos editável do blog, sabe que ele vem com um efeito de sombra bem bacana, mais tem gente que não gosta...eu pelo menos não gosto nas imagens. Então vou mostrar para vocês como arrumar isso.

(Não reparem os "fdsfs" quem nunca fez isso em um blog de teste u.u)

Primeiro vá em

Design >> Designer de modelo do Blogger  (Antiga interface)
Modelo >>Personalizar >> Prosseguir (Nova interface)


 Vá em Imagens e coloque em trasparente como mostra a imagem, para deixar mais facil o serviço no HTML, depois disso salve é vá para

Design >> Editar HTML (Antiga interface)
Modelo >> Editar HTML >> Prosseguir (Nova interface)
Então use o atalho Ctrl+F

E procure por .post-body img {

Um pouco a baixo dele ira aparecer isso:

  -moz-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);
  box-shadow: 0 0 $(image.shadow.spread) rgba(0, 0, 0, .2);

  -moz-border-radius: $(image.border.radius);
  -webkit-border-radius: $(image.border.radius);
  border-radius: $(image.border.radius);
}

 A primeira parte em vermelho representa apenas as sombras, a segunda em azul  representa as bordas arredondadas. Se quiser tirar tudo remova essa parte se não apenas qual você não desejar.

Mais Detalhes de onde fica cada parte:

.post-body img { : E codigo das imagens das postagens.

.main-inner .widget {: E a do sidebar (coluna)

.date-outer {: E da coluna das postagens

#blog-pager { : Rodape do Blog  ( Anterior Inicio Proxima)

.footer-fauxborder-left { : Barra de creditos

Nenhum comentário:

Postar um comentário

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram