Como publicar imagens no fórum

Dúvidas, críticas e sugestões sobre o funcionamento do site

Moderadores: Jovi, Administradores, Moderadores

Responder
T-sousa
Mensagens: 1
Registrado em: 17 Jul 2012, 20:12
Localização: Belo Horizonte
Contato:

:( ai galeraaa, tudo na paz? acabei de descubrir esse blog e é bom mesmo. sou proprietario de uma sombra 05 , a comnprei resentimente e vou presisar de varios toque. alquem sabem de filtro de ar que posso adaptar na mesma, sendo ela 2005? valeu pessoal ate mais.
L340
Moderador
Mensagens: 1322
Registrado em: 02 Jan 2009, 20:40
Localização: Guarulhos
Contato:

Há algum tempo criei esse tutorial no outro forum que participo e somente hoje tomei vergonha na cara para postar aqui. Algumas imagens podem ter ligação com o outro forum, pois ando completamente sem tempo para fazer novos prints.
Aqui existem ferramentas diferentes, então somente puxei o "Nerd Mode" do tutorial pra cá, mesmo pq acredito que o pessoal aqui esteja mais acostumado com código.
----------------------------------------------
Depois da Invasão das Pererecas (um problema do smageshack que exibia um sapo caso você não estivesse logado), testei alguns hospedeiros de fotos e cheguei à conclusão de que o melhor é o Photobucket.
Melhor por quê?
Porque ele tem a versão celular, mais leve e eu posso jogar as fotos lá a qualquer momento (desde que tenha um plano bom ou more num lugar com cobertura daquela empresa que oferece internet a R$0,50 por dia).
Porque nele você pode criar álbuns/pastas para organizar suas fotos, não exibe propaganda na foto (como o Multiply), não abre pop up do live jasmin (como o Image Venue) e tem algumas ferramentas de edição básicas, como redimencionar e até mesmo borrar (útil para borrar as placas).
Outra coisa que acho interessante, é que ele gera thumbnails (miniaturas) para seu próprio uso na organização e gerenciamento das imagens, antes eu pegava esses thumbnails emprestados, mas depois descobri que ele gera o código automaticamene.

Primeiro você precisa criar uma conta no site:
http://photobucket.com/?src=wap
Caso tenha uma conta no Facebook ou no Twitter, pode usar para o login, a partir daí ele cria a sua conta.
Eu uso uma conta para cada coisa.
Depois de fazer login no site, crie o álbum desejado (caso queira organizar) ou coloque as fotos tudo num lugar, fica a seu critério.

Para enviar as imagens, use o botão "Upload Now":
Imagem
Depois clique em “Select Photos and Videos”, procure os arquivos no seu computador e envie.
Imagem
Depois clique em Save and continue to my album.
Imagem

Vamos agora configurar o seu photobucket para exibir os códigos das fotos com miniaturas:

Depois de fazer login no site do photobucket, vc precisa configurar sua conta para exibir uma opção a mais.
Para isso, clique na setinha ao lado do seu login e escolha "Account Settings".
Imagem
Abrirá esta outra tela:
Imagem
Clique então em "Album Setting"
Imagem
Nesta tela, marque a opção "IMG Thumb" e clique em "Save".
Imagem
Notem que apareceu mais uma linha abaixo das imagens:
Imagem
Clique sobre o endereço, deverá aparecer a palavra "copied" com fundo amarelo, caso não apareça, precione "Ctrl + C"
Aqui no forum, precione Ctrl + V, o código deverá ser algo semelhante a isso:

Código: Selecionar todos

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/?action=view&current=Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]
e o resultado é esse:
Imagem
Um link pequeno que te levará para o álbum do photobucket, cheio de propagandas e coisas mais.
Então vem o pulo do gato, basta tirar o trecho "?action=view&current="
Código fornecido pelo site:

Código: Selecionar todos

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/?action=view&current=Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]
Código sem o trecho "?action=view&current="

Código: Selecionar todos

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]
Então o resultado é esse:
Imagem
Um link pequeno que leva direto para a imagem, sem propaganda, sem popup, e com a vantagem que o próprio Photobucket na versão free limita o tamanho da imagem, então nunca será pesado demais, uma limitação que acaba ajudando quem apenas quer exibir imagens nos foruns.

Então vem a questão:
E no caso de fotos de um passeio? Terei de apagar um por um?
A resposta é:
Claro, estou nem aí, se vira. :P :P :P

Vamos ao pulo do gato por demanda:
Abra o bloco de notas e vá colando os links lá:
Imagem
(colei os mesmos links várias vezes só pra enfeitar)
Então marque o trecho "?action=view&current=", e copie
Imagem
Clique em "Editar" e "Substituir"
Imagem
Na janela, cole o trecho "?action=view&current=" na linha de cima e deixe a linha de baixo em branco (em branco mesmo, sem nem espaço) e clique em substituir tudo.
Imagem
Pronto, o bloco de notas tirou o trecho "?action=view&current=" de todas as fotos pra vc.
Basta marcar e copiar:
Imagem
Então cola no forum, o resultado é esse aqui:
Imagem
Imagem
Imagem
Imagem
Imagem
Imagem
Caso queira uma foto ao lado da outra, basta colocar o código sem quebra de linha e com um espaço entre um código e outro.
Em vez de assim:

Código: Selecionar todos

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/BauletoRoncarcomFranjacpia.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_BauletoRoncarcomFranjacpia.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/patoelho.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_patoelho.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Kansasassentoejetvel.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Kansasassentoejetvel.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/bigPhoto_0.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_bigPhoto_0.jpg[/IMG][/URL]
[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Informaoimportante.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Informaoimportante.jpg[/IMG][/URL]
Inserir assim:

Código: Selecionar todos

[URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Iseedeadmotorcycles.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Iseedeadmotorcycles.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/BauletoRoncarcomFranjacpia.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_BauletoRoncarcomFranjacpia.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/patoelho.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_patoelho.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Kansasassentoejetvel.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Kansasassentoejetvel.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/bigPhoto_0.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_bigPhoto_0.jpg[/IMG][/URL] [URL=http://s1110.photobucket.com/albums/h445/l340_vinicius/Informaoimportante.jpg][IMG]http://i1110.photobucket.com/albums/h445/l340_vinicius/th_Informaoimportante.jpg[/IMG][/URL]
O resultado será este:

Imagem Imagem Imagem Imagem Imagem Imagem

Essa é a forma que eu faço, não quer dizer que seja a melhor ou a correta, apenas o modo como eu acho melhor.
Quem tiver outra receita, compartilhe :-)

No início eu colocava as fotos para serem abertas direto na página, por achar mais prático, porém, em conexões mais lentas, é um problema que faz até perder a vontade de ler o tópico.

Ponto ruim do Photobucket:
Aparecem propagandas no canto e enquanto carrega imagem, pode ser que abra um comercial. A noite dá o maior susto.
Vinícius Melo
Gott Weiss Ich Will Kein Engel Sein
Jovi
Administrador
Mensagens: 6366
Registrado em: 17 Jun 2007, 12:46
Localização: São Paulo
Contato:

Demorou mas chegou rasgando!!!! :P :P
Código de Trânsito Brasileiro, Art. 29, XII, § 2º. Respeitadas as normas de circulação e conduta estabelecidas neste artigo, em ordem decrescente, os veículos de maior porte serão sempre responsáveis pela segurança dos menores, os motorizados pelos não motorizados e, juntos, pela incolumidade dos pedestres.

[]´s Jovi
http://www.jovi.net.br
http://www.motoscustom.com.br
L340
Moderador
Mensagens: 1322
Registrado em: 02 Jan 2009, 20:40
Localização: Guarulhos
Contato:

é que o vento estava a favor :D
Vinícius Melo
Gott Weiss Ich Will Kein Engel Sein
Axmeinster
Mensagens: 5
Registrado em: 04 Out 2012, 23:46
Localização: São Paulo
Contato:

Imagem
Imagem
Imagem
Axmeinster
Mensagens: 5
Registrado em: 04 Out 2012, 23:46
Localização: São Paulo
Contato:

Imagem
CadilacCowboy
Mensagens: 20
Registrado em: 06 Set 2012, 04:29
Localização: Santo André

teste

Imagem
Tudo acontece no momento certo !!!!!!!!!!!
Pierri
Mensagens: 10
Registrado em: 12 Out 2012, 22:01
Localização: Osasco

Teste
Imagem
Pierri
Saulo Almeida
Mensagens: 12
Registrado em: 25 Mai 2011, 18:54
Localização: Campinas

Não tenho medo de ir devagar, tenho medo de ficar parado.
Responder