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

8 comentários:

disse...

Linda, me manda o link do gifs doce magia estou sem sua senha

disse...

Hummmmmmmm... amei!!! Me mande seu e-mail e senhas novos pra eu ajeitar umas coisinhas, pequenos detalhes... Bjssssssss

Andrea disse...

LINDO.... teu blog ta lindo..... desta vez arrasou mesmoooo
Um grande beijo e bom fim de semana

Anônimo disse...

Boaaaaaaaaaa Tardeeeeee!
Olá amiguinha Simone,vim deixar
meu carinho e lhe desejar um
exclente final de semana cor de rosa para você e também te oferecer um selinho...
(Selo Esse Blog Merece muitas Visitas)espero que goste!

Beijoss fica com Deus!

Sandra Veneziani disse...

BOA TARDE!
VIM, TE OFERECER O SELO - VOCÊ É UM AROMA SUAVE QUE EXALOU DAS MÃOS DO SENHOR - AMIZADE ESPECIAL
ESTE SELO ESTA NO LADO ESQUERDO DO TOQUE.
DEIXO O MEU TOQUE DE CARINHO E AMIZADE
SAN

Marineide Dan Ribeiro disse...

Olá! Teu blog está um verdadeiro encanto. Tem a mãozinha da nossa querida amiga aí né? A Le é muito caprichosa!
Um bom finalzinho de semanae, gostaria de te oferecer um selinho "Seu blog é coisa fina". Esta no Leio, logo existo. A imagem copiei daqui, é claro!!!!
bjus
Marineide

Anônimo disse...

Boa Noiteeeeeeeeee!
Tem Selinho Blog de Ouro
com indicação para seu Blog receber!
Espero que gostte!
Um belo início de semana para você
beijos fica com Deus!

The Sims 3 Objetos - Matheus Ribeiro disse...

obrigado ajudou de mais!

Related Posts Plugin for WordPress, Blogger...

Seguidores