clique aqui


BLOGS QUE ADMIRO ACIMA E OUTROS LINKS ABAIXO

31/07/2012

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:

Antes de sair, não esqueça de comentar!