Como colocar imagens no Fórum

[DavidAzevedo]

Em conversa no Mailing List alguém pedia um esclarecimento sobre como se postam imagens no fórum. Este tópico é temporário e será depois copiado para uma secção adequada.

Cá vamos.

1 - Primeiro devem colocar a foto online, por exemplo no site http://www.imageshack.us/. É só clicar em "procurar" ou "search", selecionar a imagem e clicar em "host it".

2 - (opcional) Se a imagem for muito grande, este site tem uma opção de redimensionamento, devem escolher a opção 640x480 pixels (for message boards). Neste caso não se esqueçam de por um visto na caixa onde pergunta "resize image?"

3 - Vão aparecer 5 caixas com links diferentes, cada um com uma utilização diferente.

3a - Se quiserem colocar a imagem junto da vossa resposta utilizam a primeira caixa (Hotlink for forums (1)). É só copiar o conteúdo para junto do vosso texto de resposta e o resultado é este:



O código que utilizei foi:

Código: Selecionar todos

[URL=http://imageshack.us][img]http://img267.imageshack.us/img267/7615/100691il8.jpg[/img ][ /URL ]

3b - Se quiserem fazer um link para a imagem (tipo isto) vão copiar o link da ultima caixa para dentro desta fórmula

Código: Selecionar todos

[URL=http://img267.imageshack.us/img267/7615/100691il8.jpg] Aqui Texto [/URL]

Bem isto é o mais básico. Se precisarem de ajuda avisem.

edit: etiquetas de código

EDIT (Ribatagus)
Para aplicar as etiquetas automaticamente, basta utilizar o botão que aparece na barra de cima, quando estamos a escrever/modificar um tópico. 

[figueifoto]

David és o Maior e não me estou a referir á tua altura!!!

[DavidAzevedo]

Num tópico falou-se da necessidade de colocar thumbnails (são aquelas miniaturas de fotos) com links para as respectivas imagens.

No brickshelf isto é facil fazer porque há sempre um thumbnail para cada imagem. Ou seja para cada ficheiro com o endereço (URL) "http://www.brickshelf.com/gallery/Vodka ... g_0005.jpg" há sempre uma miniatura correspondente com o endereço "http://www.brickshelf.com/gallery/Vodka ... _thumb.jpg".

Podem utilizar este comando [ url=endereço do ficheiro][ img][ /img]endereço do thumbnail [ /url]

Para o exemplo da imagem acima deverá ser isto:
[ url=http://www.brickshelf.com/gallery/Vodka ... g_0005.jpg] [ img]http://www.brickshelf.com/gallery/Vodka ... _thumb.jpg[ /img][ /url] (tudo sem espaços, claro)

e o resultado será este:



Para saberem qual o endereço duma imagem é só clicar com o botão direito em cima da imagem, ir à ultima opção "propriedades" e copiar o texto que aparece à frente de Endereço (URL), e que começa sempre por "http://".

Se tiverem dúvidas é só perguntar!

[Ricardo T]

Informação Bastante útil para todos! Obrigado!

[REDSKIN]

OBRIGADO PELA INFORMAÇÃO

[Super Pinga]

Entäo e alinhar imagens à esquerda, direita, ou até centro?
Gosto de alinhar imagens a um dos lados, e escrever a descriçäo/comentário ao lado da imagem, como no Word e quejandos. 
Dá para fazer?

[Ricardo T]

TESTE

[align=left][/align]

[align=center][/align]

[align=right][/align]

[Ricardo T]

Exacto, é só usar as ferramentas que fazem isso que dizes para o texto! Funciona tudo igualmente para imagens!

[Conchas]

Mais um teste[align=right][/align]

Pois... mas não dá para fazer aquilo que acho que o pinga quer fazer. Alinhar a imagem e escrever texto à volta na mesma linha.

[Ricardo T]

Hm... Pois, para isso também não tou a ver solução! :\

[Super Pinga]

[quote="Ricardo T"]
Hm... Pois, para isso também não tou a ver solução! :\
[/quote]
De qualquer maneira, obrigado... e BUAAAAAAAAAAAAAAAAAAAAÁ! UNHEEEEEEEEEEEEÉ!

[Ribatagus]

O que vocês Pretendem fazer é algo tipo isto? escrever ao lado da imagem? Nada mais fácil! usem [glow=red,2,300]TABELAS[/glow]! Assim o texto ficará sempre ao lado da imagem!
Eu confesso que até acho piada a usar este artifício: Ainda hoje a uso quando é preciso fazer formatações em html

Claro que isto não tem a capacidade de "inserir" a imagem dentro do texto tal como faz o Microsoft Word ou coisa do género...

Na informática tudo se faz... é preciso é querer 

Nota: isto é como se "fazia" nos velhos tempos em que as imagens eram objectos "lixados" de se lidar... claro que quem deixa de usar estas técnicas "velhas" esquece... É uma pequena lição de que nem tudo o que é velho é obsoleto!!! 

[Ricardo T]

Boa dica! Bem lembrado!!

teste

Assim, portanto?
blabla
oi oi? :x

[AVCampos]

[quote="Ribatagus"]
O que vocês Pretendem fazer é algo tipo isto? escrever ao lado da imagem? Nada mais fácil! usem [glow=red,2,300]TABELAS[/glow]![/quote]
Era o que eu ia escrever... Mas realmente é pena o parágrafo, quando acaba de preencher a altura da imagem, não voltar a usar toda a largura disponível, mas isso são os ossos do ofício.

[Ricardo T]

[quote="AVCampos"]
Mas realmente é pena o parágrafo, quando acaba de preencher a altura da imagem, não voltar a usar toda a largura disponível, mas isso são os ossos do ofício.
[/quote]

Pois, tem que se saber bem o espaço que temos... vai por tentativas!

As ferramentas para as tabelas não são lá muito intuitivas, mas lá está, isto não é nenhum word!