Advertisement:

Author Topic: Imagem Upload Popup (Tinypic)  (Read 53088 times)

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Imagem Upload Popup (Tinypic)
« on: April 24, 2009, 05:49:03 PM »
Imagem Upload Popup (Tinypic)

Bom galera como sei que a duvida de como por um popup upload de imagem no forum onde ficara no bbc não era só minha emtao resolvi traduzir o tutorial e trazer aqui pra voces, estou usando ele no meu forum e naum tive problema algum o mod esta perfeito ainda naum achei melhor.

Original English: http://www.simplemachines.org/community/index.php?topic=288169.0
Tradução Spanish: http://www.simplemachines.org/community/index.php?topic=296442.0

1) Baixar o arquivo HTML que esta anexo no fim deste Post.

2) Subir o arquivo HTML para a pasta raiz do seu forum via FTP (Dica Filezilla no baixaki) Ex: meusite.com/tinypic.htm.

3) Baixar a imagem do botão que esta em anexo no fim deste Post.

4) Subir a imagem na sua pasta de imagens do forum ou em qualquer outra pasta de imagens do forum via FTP.
Ficando assim: seutite.com/nome da pasta /uploadimage.gif.

Editar o Fixeiro


Abrir /Themes/seuThema ou defaut/Post.template.php

Encontre:
Code: [Select]
echo '
            </td>
         </tr>';
   }

   // Now start printing all of the smileys.
   if (!empty($context['smileys']['postform']))


Insira antes:
Code: [Select]
echo '&nbsp;&nbsp;<a onclick="window.open(\'URL do arquivo html\',\'POPUP\',\'width=280,height=540,scrollbars=0\');return false;" href="#"><img src="URL da imagem do botão" border="0"></a>';
Obs: Note que neste arquivo ele pede pra voce inserir o url  da imagem e do html.

Screens:




Obrigado Galera façam bom proveito. No meu testei e esta a funcionar corretamente o mesmo consegui adaptar no bbc de resposta rapida e no bbc de assinaturas.
Segue abaixo os arquivos em anexo:
« Last Edit: April 25, 2009, 05:08:29 PM by darkness_black »
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline arkanoidblue

  • Semi-Newbie
  • *
  • Posts: 25
Re: Imagem Upload Popup (Tinypic)
« Reply #1 on: April 25, 2009, 04:30:53 PM »
Aproveitando a deixa, segue codigo para traduzir para PT o idioma do tinyPic.

Abra seu arquivo tinypic.html com o word pad e troque o codigo interno :
Code: [Select]
<script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'images';
tinypic_links = 'forum';
tinypic_language = 'en';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>

Por esse abaixo.
(alterar para pt-pt caso queira)
Code: [Select]
<script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'images';
tinypic_links = 'forum';
tinypic_language = 'pt-br';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/>


Note que foi inserido a função de abrir o popup com um botão, ao invez de abrir a pagina toda.

Verifique que foi add as funções:

input type="

e

onclick="

veja como é o codigo adicional:

Code: [Select]
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/>
Se quizer ele pronto.

É tão somente baixar o anexo e substituir seu html  ;)

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #2 on: April 25, 2009, 05:09:07 PM »
Vlw arka o arquivo agora esta upado no post agora quando baixarem jah estara em portugues.
Vlw pela força.
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #3 on: April 25, 2009, 06:05:16 PM »
Mesmo muito bom..

Parabens darkness_black  e ao arkanoidblue pela breve tradução :D

Vou exprimentar, e ja digo algo!


EDIT- ja exprimentei, mas o problema e na ultima linha

Code: [Select]
echo '&nbsp;&nbsp;<a onclick="window.open(\'URL do arquivo html\',\'POPUP\',\'width=280,height=540,scrollbars=0\');return false;" href="#"><img src="URL da imagem do botão" border="0"></a>';
Aquele local do url é mais complicado..
Ou seja, eu pus o meu ficheiro html que vem em anexo no Public_Html, la dentro, e depois ponho assim,  "url do arquivo html" e ponho public_html/nomedoarquivo.html

Ate ai tudo bem, depois no forum aparece uma Cruz, que e a imagem nao esta sicronizada com o ficheiro, mas, funciona na mesma, eu clico na cruz e diz pagina nao encontrada :S

O que fiz de mal?

Obrigado!
« Last Edit: April 25, 2009, 07:18:14 PM by Amendoim »
Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #4 on: April 25, 2009, 06:23:13 PM »
Opa que bom que gostou e o arquivo traduzido do html jah esta em anexo boa sorte duvidas só postar aqui.
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #5 on: April 25, 2009, 07:19:00 PM »
Editei a minha resposta acima com o meu problema..

Abraço!
Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #6 on: April 25, 2009, 07:35:01 PM »
Bem, relatando um novo problema..

COnsegui tudo bem, agora ja me consigo ligar ao pop-pup para fazer up das imagens, o problema agora e o botao, nao aparece, aparece uma Cruz como se nao tive-se imagem :S
Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #7 on: April 25, 2009, 10:11:39 PM »
Voce tem que upar a imagem uploadimage.gif em uma pasta qualquer do teu forum e no codigo onde diz url da imagem vc substitui pelo link da img que postou se naum pra ficar ainda mais facil faça assim:

upe ela na pasta defaut/images/uploadimage.gif

dai onde pede url da imagem ponha assim:

http://seu dominio/images/uploadimage.gif
e aparecerá lah por que isso é problema da imagem upada.
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline arkanoidblue

  • Semi-Newbie
  • *
  • Posts: 25
Re: Imagem Upload Popup (Tinypic)
« Reply #8 on: April 25, 2009, 10:16:00 PM »
Bem, relatando um novo problema..

COnsegui tudo bem, agora ja me consigo ligar ao pop-pup para fazer up das imagens, o problema agora e o botao, nao aparece, aparece uma Cruz como se nao tive-se imagem :S

Usaste o anexo meu ou do darkness?

Veja que o codigo HTML do arquivo  esta aqui.

Code: [Select]
<p><span style="font-family: verdana; font-size: 7.5pt; color: e10000;">Depois do UPLOAD, simplesmente copie/cole o codigo na sua menssagem! (Deixe o tamanho Default ligado)</span></p>

<script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'images';
tinypic_links = 'forum';
tinypic_language = 'pt-br';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/>

Edite-o com o WORDPAD e não com o NOTE PAD ou MS OFFICE.(verifique se seu arquivo tinypic.html está exatamente como indicado acima.

Traduzindo o codigo para refletir seu site:

Code: [Select]
echo '&nbsp;&nbsp;<a onclick="window.open(\'http://www.seusite/seuforum/tinypic.html\',\'POPUP\',\'width=280,height=540,scrollbars=0\');return false;" href="#"><img src="http://www.seusite/seuforum/images/bbc/uploadimage.gif" border="0"></a>';
Se seu forum estiver dentro de algum Diretório.

Geralmente diretorios, /forum ou /SMF

Code: [Select]
\'http://www.seusite.com/seuforum/tinypic.html\


Se seu forum estiver na raiz do servidor

Code: [Select]
\'http://www.seusite.com/tinypic.html\
Code: [Select]
<img src="http://www.seusite/seuforum/images/bbc/uploadimage.gif" border="0"></a>Use o diretorio do seu tema para enviar a IMG, pois assim ficará junto com os demais botoes do seu editor de postagens  ;)


No aguardo de noticias.

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #9 on: April 26, 2009, 07:10:33 AM »
Bem, o upload de imagem ja esta a funcionar, agora falta a imagem para clicarem..

e esta assim o meu endereço:

<img src="/public_html/Themes/dilbermc/images/bbc/uploadimage.gif

E ja tentei tambem assim: <img src="http://www.gamextuga.com/public_html/Themes/dilbermc/images/bbc/uploadimage.gif


E nunca aparece e imagem, nao estou a entender o que esta mal :S

Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #10 on: April 26, 2009, 03:44:21 PM »
Por que no teu caso public representa o seu dominio entao n precisaria por ele no link coloque assim:

http://www.gamextuga.com/Themes/dilbermc/images/bbc/uploadimage.gif
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #11 on: April 26, 2009, 06:58:37 PM »
Por que no teu caso public representa o seu dominio entao n precisaria por ele no link coloque assim:

http://www.gamextuga.com/Themes/dilbermc/images/bbc/uploadimage.gif


Funcionou.. Obrigado!!

Aprovado o MOD manualmente... ;)
Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #12 on: April 26, 2009, 07:56:26 PM »
Vlw  ;D
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline margarett

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 19,761
  • Gender: Male
Re: Imagem Upload Popup (Tinypic)
« Reply #13 on: April 29, 2009, 10:31:56 AM »
Boa malha!

--> Índice ;)
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

Quote
Over 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #14 on: April 29, 2009, 12:06:03 PM »
Opa mais uma minha vlw  ;D
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #15 on: May 20, 2009, 11:36:50 PM »
Olha, sempre que inicio o upload imagem, no meu forum (ja tenho esse metodo introduzido nele)

Abre uma janela a dizer

"Depois do UPLOAD, simplesmente copie/cole o codigo na sua menssagem! (Deixe o tamnho Default ligado)"

E um botao a dizer "tinik Plugin"..

Só depois de clicado aparece para fazer o upload da imagem, nao da para ser directamente? ou seja nao ser presiso clicar no botao para ir para a parte de escolher a imagem tamanho etc?
Quando aberto o upload de imagens, ser directamete?


Obrigado!

Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Offline margarett

  • Local Moderator
  • SMF Super Hero
  • *
  • Posts: 19,761
  • Gender: Male
Re: Imagem Upload Popup (Tinypic)
« Reply #16 on: May 21, 2009, 12:17:51 PM »
Pois, não sei, será a forma que o MOD tem de trabalhar...

Talvez só pedindo ao autor do MOD...

Nota: se instalares, por exemplo, a barra de ferramentas do imageshack no teu browser, passa a ser possível fazer upload de imagens  arrastando-as para a caixa de "postagem" directamente ;)

Claro que só quem tenha instalado é que pode usar isso por não fazer parte do fórum, mas...
Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

Quote
Over 90% of all computer problems can be traced back to the interface between the keyboard and the chair

Offline Ederson Lima

  • Semi-Newbie
  • *
  • Posts: 74
  • Gender: Male
  • > Admin do Fórum Designer Pro <
    • sDesigner Pro
Re: Imagem Upload Popup (Tinypic)
« Reply #17 on: May 21, 2009, 01:31:04 PM »
Estava analizando o documento "tinypic.html" e vi que o que chama a função do plugin é o botão, então o que fiz!!!

Declarei a função "javascript:showTinypicPlugin()" dentro da tag head e de quebra ainda pude adicionar um título para a janela!

Assim, essa janela já aparece sem a necessidade de clicar no botão.

Code: [Select]
<html>
<head>
<title>Tinypic Upload</title>
<script LANGUAGE="Javascript">
<--
function javascript:showTinypicPlugin() {
document.write("");
}
//-->
</script>
</head>
<body onLoad="javascript:showTinypicPlugin()">
<p><span style="font-family: verdana; font-size: 7.5pt; color: e10000;">Depois do UPLOAD, simplesmente copie/cole o codigo na sua menssagem! (Deixe o tamnho Default ligado)</span></p>

<script type="text/javascript">
tinypic_layout = 'narrow';
tinypic_type = 'images';
tinypic_links = 'forum';
tinypic_language = 'pt-br';
tinypic_search = 'false';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
</body>
</html>

Offline Darkness_Black

  • Sophist Member
  • *****
  • Posts: 1,139
  • Gender: Male
  • Translator SMF - BR
    • www.facebook.com/gilvanroberto on Facebook
    • @gilvanroberto on Twitter
    • Translator SMF - BR
Re: Imagem Upload Popup (Tinypic)
« Reply #18 on: May 21, 2009, 01:38:08 PM »
Opa vlw boa resposta  ;)
Translator - Brazilian

Não respondo MP de ajuda, Poste sua duvida no forum!!! Se alguém te Ajudou Agradeça!!!

Offline Amendoim

  • Full Member
  • ***
  • Posts: 591
  • Gender: Male
  • Life is always changing
    • GamexTuga
Re: Imagem Upload Popup (Tinypic)
« Reply #19 on: May 21, 2009, 08:50:04 PM »
O plugin agora abre sem ser presiso clicar no botão,

Obrigado pela ajuda :)

Abraço
Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com