[DICA] Postando imagens no fórum corretamente

Resolvi criar esse tópico para ajudar o pessoal imagens no fórum sem quebrar os limites do layout.

Vou explicar: a área da página onde postamos possui limites (718px de largura).
Se, por exemplo, eu postar uma foto de 718px de largura, será possível visualizá-la tranqüilamente.
Mas se o valor for maior do que isso, a imagem será cortada sem dó nem piedade.

Exemplo: um print nativo, de 1024x768 pixels, upado diretamente no Imageshack.us :


Viu como a imagem fica cortada quando as dimensões do layout são quebradas?

- Mas Skarps, como eu faço para postar as imagens no tamanho do fórum?
- Estou feliz porque perguntou!

É só se acostumar a fazer um pequeno procedimento ANTES de postar a imagem (não precisa redimensionar a imagem usando editores, é no próprio Imageshack!)

Fazendo upload de imagens via Imageshack

1. Quando estiver na página principal do Imageshack.us, clique em Browse:

2. Depois de escolher sua imagem, clique em 'Abrir':


3. Depois, clique no link Redimensionamento de Imagem:

4. Onde está escrito 'Não redimensionar', troque para '640x480' (o mais próximo do tamanho do fórum) e clique em Carregar Agora:

5. Quando o processo de upload estiver completo, vários links irão aparecer para você compartilhar a imagem. Escolha o 'Link Direto' e copie-o:

6. Para postar uma imagem no Fórum, utilize as tags [ img] URL DA IMAGEM [ /img] (sem os espaços dentro das tags):

Pronto! Se você seguiu os passos corretamente, a imagem ficará assim:

Sem nenhum corte de imagem! Êêêê!

Fazendo upload de imagens via Photobucket

1. Tendo criado uma conta, ao clicar no botão Upload Now, a seguinte janela irá aparecer. Clique em Select photos and videos.


2. Na janela que aparecer, procure a imagem desejada e clique em Abrir:
3. Quando o processo de upload estiver completo, clique em Save and continue to my album:
4. Já dentro do álbum, clique na imagem que quiser redimensionar:
5. Quando a imagem ampliada aparecer, deixe o cursor em cima da imagem. Uma barra de ferramentas deverá aparecer, e nela navegue até Resize - 640x480 e clique na opção:
6. Uma pequena caixa de confirmação irá aparecer, é só apertar OK:
7. Após o redimensionamento, os links estarão à direita da imagem. Copie o Direct Link:
8. Poste a imagem no fórum usando as tags [ img] e [ /img] SEM OS ESPAÇOS DENTRO DAS TAGS !
Se tudo der certo, a imagem ficará assim:

Espero ter ajudado, e até a próxima!

Dica muito boa!

Coloque um tutorial do Photobucket também (edite no seu post) ^^

/Trancado