News:

SMF 2.1.2 has been released! Take it for a spin! Read more.

Main Menu

Imagem Upload Popup (Tinypic)

Started by Darkness_Black, April 24, 2009, 05:49:03 PM

Previous topic - Next topic

Darkness_Black

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:
echo '
            </td>
         </tr>';
   }

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



Insira antes:
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:

Translator - Brazilian

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

arkanoidblue

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 :

<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)

<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:

<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/>

Se quizer ele pronto.

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

Darkness_Black

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!!!

Amendoim

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

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!
Versão 2.0 RC2 Portuguese_Pt

Simple Portal 2.3 Portuguese_Pt

Em crescimento na programação :)

http://www.gamextuga.com

Darkness_Black

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!!!

Amendoim

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

Amendoim

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

Darkness_Black

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!!!

arkanoidblue

Quote from: Amendoim 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

Usaste o anexo meu ou do darkness?

Veja que o codigo HTML do arquivo  esta aqui.

<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:

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

\'http://www.seusite.com/seuforum/tinypic.html\



Se seu forum estiver na raiz do servidor

\'http://www.seusite.com/tinypic.html\

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

Amendoim

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

Darkness_Black

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!!!

Amendoim

Quote from: darkness_black 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


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

Darkness_Black


Translator - Brazilian

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

margarett

Se forem conduzir, não bebam. Se forem beber... CHAMEM-ME!!!! :D

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

Darkness_Black


Translator - Brazilian

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

Amendoim

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

margarett

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

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

Ederson Lima

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.


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

Darkness_Black


Translator - Brazilian

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

Amendoim

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

Advertisement: