#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.