Algumas das imagens contidas neste blog foram extraídas de diversos sites da web. Outras assinadas foram feitas por mim. Se vc souber ou for o autor de alguma imagem, por favor me avise para que eu possa dar os devidos créditos

segunda-feira, 5 de abril de 2010

Como deixar todas suas imagens das Postagens do mesmo tamanho.

Meninas(os), eu sofri tanto com as imagens que saiam fora da área da postagem.

Esse código é para limitar um valor(tamanho) máximo para todas as imagens postadas no blog.Para que assim elas não ultrapassem á area de postagem.

Elas não ficarão exatamente do mesmo tamanho,serão redimensionadas proporcionalmente.  


Como eu coloco várias imagens no Blog, tinha que redimensioná-las uma a uma, era um trabalhão.

Claro que se você fizer o upload da imagem do seu micro, automaticamente o Blogger redimensiona para um valor equivalente a sua área de postagem, mas acho que assim como eu, várias pessoas usam o código html das imagens hospedadas em vários sites como ImageShack, Photobucket, Tinypic, entre outros.
E daí não tem jeito tem que redimensionar uma a uma.

Melhor, tinha, pois com essa dica esse "inconveniente" será resolvido!

Bem vamos lá, é super simples:

Para fazer isso basta adicionar o código abaixo ao seu arquivo style.css:


.post img {
max-width: 500px; /* Valor limite ajustado */
height: auto;
}

Assim, estaremos estabelecendo um limite de 500px de largura para imagens. Se a imagem que você adicionar tiver largura superior, ela será automaticamente reduzida.

Bem para quem não sabe onde fica o arquivo styles.css do seu Blog vá primeiro em Layout, Editar Html então bem no início do html do seu blog, deve ter um código parecido com esse:

Clique na imagem para ampliar

Vamos colocar o código bem acima da tag
body{
mostrada aqui na caixa de texto acima na última linha.

Seu código deverá ficar assim:

Clique na imagem para ampliar
Então é visualize e se estiver tudo OK, salve!
Lembre-se de salvar seu Template antes de fazer qualquer mudança no código HTML do seu Blog.
Para isso clique em baixar modelo completo, antes de qualquer coisa, pois se algo sair errado é só restaurar.
Espero que seja útil para vocês como foi para mim.

Beijos
Continue Lendo...

Related Posts Plugin for WordPress, Blogger...

Seguidores