SMF Support > Tutoriais
Imagem Upload Popup (Tinypic)
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:
--- Code: ---echo '
</td>
</tr>';
}
// Now start printing all of the smileys.
if (!empty($context['smileys']['postform']))
--- End code ---
Insira antes:
--- Code: ---echo ' <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>';
--- End code ---
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:
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 :
--- Code: ---<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>
--- End code ---
Por esse abaixo.
(alterar para pt-pt caso queira)
--- Code: ---<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();"/>
--- End code ---
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: ---<input type="button" value="TinyPic Plugin" onclick="javascript:showTinypicPlugin();"/>
--- End code ---
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.
Amendoim:
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: ---echo ' <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>';
--- End code ---
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!
Darkness_Black:
Opa que bom que gostou e o arquivo traduzido do html jah esta em anexo boa sorte duvidas só postar aqui.
Navigation
[0] Message Index
[#] Next page
Go to full version