#Fast Tutorial - Coloque uma largura máxima nas suas imagens

Oi, gente! Essa é uma nova tag que eu criei para o MN. Sabe aqueles probleminhas aparentemente difíceis de resolver? Então, na maioria das vezes eles podem ser resolvidos com truques básicos. E são exatamente esses truques - rápidos e fáceis de fazer - que eu pretendo postar nessa tag.

Como vocês devem saber, mudei o lay do MN recentemente. Ao diminuir a área dos posts - antes ela era bem maior - me deparei com um problema: as imagens ficavam "pulando" da página. E eu teria que ir post por post para diminuí-las, uma de cada vez. Mas lembrei de um código e com ele resolvi isso rapidinho. Se você passa pelo mesmo problema, presta atenção nesse tutorial super prático:

1. Vá em Design, depois em Editar HTML, dê Ctrl+F e procure por:

]]></b:skin>

2. E ANTES dele, cole:

.post img, table.tr-caption-container {
padding:4px;
max-width:480px; }

Aí você só precisa editar o número destacado em vermelho de acordo com a largura da área dos posts do seu blog. Recomendo que você coloque 40px menor. Exemplo: aqui no MN, a área dos posts é de 520px então eu coloquei como largura máxima das imagens 480px.

É isso, gente. Tava sem ideia pra post e pensei que esse tutorial pudesse ser útil. Espero que seja mesmo! Beijos.

55 comentários:

It girls disse...

Adorei a dica flor, recentemente mudei o lay do blog e estou sofrendo com esse problema. Obrigada!

Desejos de menina disse...

Me salvou! *-* obrigada! ahaha

www.desejosdemenina.com.br

Alexia Ibrahim! disse...

Ain, me ajudou muito, quando ficava com esse problema tinh que ficar editando o html da imagem, o que dava um trabalhão.
Obrigada!

Beijos
http://teen-fyn.blogspot.com

DoBii disse...

www.cute-bii.blogspot.com Entrem Por Favor
AMO DE PAIXÃO O MN

Tamirys Silva disse...

aah simplismente me salvou!!!
Dá uma olhadinha das minhas comprinhadas da semana ->http://tahmakeup.blogspot.com/

Beeeijooos

ㅤㅤㅤㅤMilena Barreto. disse...

aaaaai, você segue meu blog ?
aaaamei , faz parceria ?

Jes disse...

Muito boa a dica

Bjss

Denyse Fernandes disse...

aain senti falta da caixa de busca no cabeçalho. =/

beah__ck *-* disse...

Hoy flor *-*
Selinho para vc no My Lifee Sz ' *-*
www.mylifeesz.blogspot.com/

Anônimo disse...

Olá, eu gostaria de ver os preços das encomendas de templates. Eu amo seu blog e adoraria se você fizesse um template pro meu Blog, se puder me mande um e-mail com os preços e formas de pagamento ok? beijos

www.paperheartlola.blogspot.com

modaonline-lny@hotmail.com

beijos lola

Anônimo disse...

Nossa, como você consegue ser tão feia??
D:

Talita disse...

Adorei o tutorial. vcê sabe se tem também para vídeos? bjo
talitafgirl.blogspot.com

ImageGirl disse...

Oiie Ganhei um selinho e Dediquei o seu blog! Pega lá!
http://imagegirlpfs.blogspot.com/2011/07/award.html

ㅤㅤㅤㅤMilena Barreto. disse...

quero afiliados, quem quiser afiliação ou parceria acessa : www.garotasteens-blog.blogspot.com ! o ST/GT agradeçe , *-*

Joice Alves disse...

Postagem muito boa, vai ajudar bastante!
Obrigada pelos seus tutoriais, eles são maravilhosos *-*
Muito sucesso com o blog!

www.juntoemisturado.com

- maari disse...

Nossa querida, você não tem noção do quanto isso me ajudou !

Beijos,
http://girliethingspt.blogspot.com

Erica Judd disse...

Estava pensando em deixar o meu blog com duas barras laterais, mas não fiz isto por causa das imagens. Este tutorial vai ajudar muito se eu resolver fazer esta mudança *--*
MN sempre ajudando sz

http://garotasederivados.blogspot.com/

Tay disse...

Flor, lembra daquele tuto perfeito que você postou no MN, então, eu coloquei tudo certinho mas não consigo juntar as 2 colunas com a coluna dos posts e com a do cabeçaho, tem como você me ajudar? desculpe pelo incomodo. AH, e já coloquei esse tuto obrigada, (e os créditos também =)

Beijinhos,
bonequinhadeluxo10.blogspot.com

@quasedevidro disse...

Sempre me salvando! =)

Trashy Girl disse...

Nossa, gostei muito... Ainda não tinha pensado em fazer mas resolve o problema completamente! Bom, estou aqui humildemente para pedir que participe de um sorteio que está acontecendo em meu blog. É uma paleta de sombras 38 cores, espero que você goste! Beijos!

http://trasshygirl.blogspot.com/2011/07/sorteio-de-uma-paleta.html

Naiana Lara ♡ disse...

Seu blog é lindooo d+!!!! estou me inspirando...rs achei pelo Trechy Teen! Amei! Bjinsss

Ana Carolina disse...

Andreza, amei a idéia de separar os textos dos tutoriais.
Ainda mais que fica mais organizado e melhor pra gente se achar, e talz.

Beijinhos, acessa & seg pf?

http://carol-and-teens.blogspot.com/

BRENDA CURTY ; disse...

Olá querida, estou seguindo aqui,e sempre adorei seu blog, se pudesse dar uma olhada nos meus iria agradecer.
www.brendacurty.blogspot.com
www.vaonamala.blogspot.com
www.17dejulhode2011.tumblr.com
OBRIGADA E SUCESSOs2

YASMIM campoS disse...

Oi tem um Award para voçe no meu blog !!

BJS *¨¨*

http://yasmimcahcampos.blogspot.com/

Bia Sherman. disse...

ooi, te enviei um e-mail sobre a encomenda, vê lá por favor! beeijos.

http://republicatrendy.blogspot.com

Mia disse...

Honey, passei aqui para dizer que tem um selo lá no meu blog pra ti.
http://miasodre.blogspot.com/2011/07/mais-dois-selos.html

Bjo!

Vivian Oliveira disse...

Claro que é útil e, claro, parabéns pelo blog. E parabéns pelo talento...comecei a gostar de html com blogs também e hoje trabalho com web design graças à eles. Se gostar da área, você tem futuro hehe
Beijos

D.F disse...

Ótima dica, ameii. Você sempre acerta não é mesmo... HAHA!
Nossa teu blog tá bombando :o
Parabéns, só desejo sucesso para o teu blog.
Se der visita o FPN?
www.fanaticospornoticia.tk
Smacks DF

Andreza disse...

Obrigada pelos comentários, gente *--*

@Anônimo - Não sei, acho que é um talento natural KKKKKKKKK -Q 8D

anacarol. disse...

KSAPOSKAOPSKAOSKAOSPA, cara, quando vc aprende a mexer com HTML , TUDO fica mais fácil! Essa dica foi muito legal =D
E pois é, uma amiga minha pintou o cabelo, ela só fez luzes, mas o cabelo ficou igual palha! Sério, ela conseguia moldar o cabelo com a mão, de tão duro que ficou! haha
beijos
blogloucamistura.blogspot.com

Mariana disse...

Olá Andreza estou aqui para falar do meu blog o nome é Vem Ser Feliz http://blogdamarivemserfeliz.blogspot.com aceita afiliação se você gostar




By:.Mariana Carvalho

Brazilian Diamond disse...

noossa eu REALMENTE NECESSITAVA desse tutorial hauhsuahs , passei pelo mesmo problema que voce na hora de mudar o layout , valeu mesmo! Estou seguindo , virei fã hahaha

beijos beijos
passa por lá? http://braziliandiamond.blogspot.com

Priscila Pio disse...

aaaaaain, eu PRECISAVA mesmo disso! *-*

www.bygarotas.blogspot.com

thami b. disse...

http://insaneappearance.blogspot.com/2011/07/desafio-10-imagens.html

Te indiquei a participar de um desafio, passa lá no meu blog!

Catharina disse...

Oiie, adorei a postagem ! Olha mandei um e-mail para você pedindo uma ajudinha e eu não sei se eu mandei mas vou dizer aqui : Queria que você pudesse fazer um tutorial como colocar autor e comentário de baixo do titulo da postagem e retira-la depois da postagem ! Eu ficaria muito grata por isso ! Visito todos os dias seu blog, muito lindo !

Beijos e um abração! Catharina

http://morangocomchantilly-catha.blogspot.com/

Lady Trendy* disse...

Oi Andreza,
adorei seu blog e já está nos meus favoritos! Se puder e quiser, segue o meu?
Obrigada,
beijos @agarotafashion

http://blogdagarotafashion.blogspot.com/

Milla Makes disse...

Segue de volta ?


www.maravilhaza.blogspot.com

Lara disse...

Aii, seu blog me ajuda muito, amei ele. Se quiser dar uma passadinha no meu é: rainbow8girl.blogspot.com Não se sinta obrigada a seguir *-*

Cristielen Camila disse...

não funcionou no meu blog, continuou sem.

Gaaby disse...

ADOREII!! seu blog é muito lindooo:) PARABÉNS
segue também:http://soumasimplesgarota.blogspot.com/
a gostei muito da dica ta? Brigado

beiijos

anna disse...

Oi linda, retribuindo comentário *-* Amo os tutoriais do menina nerd :D bjs

Lariinha disse...

Seguindo, segue de volta ??
http://coisinhasdalara.blogspot.com/
Bjs.

Carol // Papo de Uma Girl disse...

Seguindo, segue de volta? Acc parceria? Tem award pra vc lá no blog!
http://papodeumagirl.blogspot.com/p/awards.html

Lívia Tavares ! disse...

Oie, como vc faz para colocar um numero a cada pessoa qe comenta ?
http://lvitavares.blogspot.com/

Ana Lu Nagib disse...

O SM, tá com novo look (denovo), visita e diz oq achou?
Beijos
http://sermenina-blog.blogspot.com

Luciana Pink disse...

oi Andrezza

muito legal os tutoriais

bom domingo p vc

estilorosa.blogspot.com

Ester Malafaia disse...

Oie... kra, amei o seu blog. Mesmo sendo para dicas, vc tem um jeito muito peculiar de escrever q acaba cativando quem visita. Adorei. Depois dá uma passada no meu...

www.estermalafaia.blogspot.com

BJS!

Danyele disse...

Oi, lidissimo o seu blog, estou seguido gostaria de seguir o meu blog tambem?Aceita parceria?Bjs
myblogfashiongirl.blogspot.com

Raah disse...

oi andreza voce vai parar de postar no MN esta a uns 4 dias já sem postar entro todo dia e fico triste

Isabella F. disse...

Legal, isso é realmente útil ;)

blog.pinkskulldesign.com

One Word disse...

Oi Fofa, amei o blog , seguindo aqui,segui de volta?

http://s2jeh.blogspot.com

Beijos ;*

Giovana ♥ disse...

Amei o tutorial.E gostaria que você participasse do concurso que tem lá no meu blog


http://blogdagi1.blogspot.com/2011/07/concurso-just-awards.html

' isabela godoy $; disse...

Seu blog é lindo, tudo de bom, já estou seguindo, claro! Poderia passar no meu & deixar sua opinião sobre o novo lay? Ah, e claro, se gostar seguir, rs.
Beijos e te espero lá!
http://tendencias-teens.blogspot.com

Helenas disse...

Que legal !!

www.blogdashelenas.blogspot.com
www.emvogamoda.blogspot.com

Sweet MakeUp s2 disse...

Andreza, não consegui :(
Fiz tudo direitinho, mas quando vizualizo não acontece nada!
O mesmo foi com a barra de rolagem, ajuda ? ))))):