Inserir caixa de upload no fórum (phpbb 2 e punbb)

[Cristian 95]

Qual é minha questão:
Bom ... como devem saber o megaupload foi fechado ... e não da mais para usar o serviço deles ... gostaria de que me mandassem outro site para upload ... e se possível de imagens que gera o link logo abaixo da caixa de upload, grato.

Medidas que eu tomei para corrigir o problema:
Pesquisei vários tutoriais e nada.

Links e imagens do meu problema:
Sem imagens.

Endereço do meu fórum:
http://brisando.forumeiros.com

Versão do meu fórum:
PUNBB

[ShockWave™]

Olá, Pelo que entendi você que uma hospedagem de imagem?

Tem a www.serving.com i.imgur.com www.brimg.com


Até Mais.

[Cristian 95]

Sim .... mas eu quero adicionar uma caixa de upload em uma página minha entendeu? e que abaixo aparece o link gerado ... esse tutorial tem o código mas não pega.

[Josh]

Olá,

Há como, consulte este tutorial senhor: https://ajuda.forumeiros.com/t56721-

Até mais!

[ShockWave™]

Veja Este: Tutorial

[Cristian 95]

Josh isso é para mudar o link da caixa de upload que tem no fórum ...

Nathan eu ja vi esse tutorial.

[Josh]

Olá,

Em qual parte você deseja alterar a caixa de upload exatamente senhor?

Até mais!

[Cristian 95]

Em parte nenhuma ... eu apenas quero o código para adicionar no meu fórum ... o código de um upload de imagens que gere o código a baixo dele.

[Sennior]

Olá amigo;
No caso aqui tens um código onde conseguir ter Exito, veja:

Código:

<tbody><tr>
                      <td width="1810" height="29"><div id="mais_Upload">
                          <input name="MAX_FILE_SIZE" type="hidden" value="10240000">
                          <input name="attached[]" type="file" size="30" id="input0">
                      </div></td>
                    </tr>
                    <tr>
                      <td width="1810" height="23"><div align="center">
                          <center>
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="320">
                              <tbody><tr>
                                <td width="127" valign="top"><p style="margin-bottom: 0">Extensões
                                  Suportadas:</p></td>
                                <td width="200"><p><b> 
                                          gif</b> <b>jpg</b> <b>jpeg</b> <b>png</b> <b>bmp</b> <b>tif</b> <b>tiff                                </b></p></td>
                              </tr>
                              <tr>
                                <td width="127"><p style="margin-bottom: 0">Tamanho
                                  Limite:</p></td>
                                <td width="200"><p style="margin-bottom: 0"> <b>
                                    1.5MB (1536 KB)                                </b> </p></td>
                              </tr>
                            </tbody></table>
                          </center>
                      </div></td>
                    </tr>
                    <tr>
                      <td width="1810" height="5"></td>
                    </tr>
                    <tr>
                      <td width="1810" height="25"><p align="center">
                          <input class="button" type="submit" value="Enviar Imagem" name="submit">
                      </p></td>
                    </tr>
                    <tr>
                      <td width="1810" height="10"><p>Ultimas atualizações:</p></td>
                    </tr>
                    <tr>
                      <td height="12" valign="middle"><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">19/04/2010</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> -</font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> Opção
                        para publicidade em nosso site, clique <a href="anuncie.php">aqui</a> para mais
                        informações.</font></font></td>
                    </tr>
                    <tr>
                      <td height="19" valign="top"><div align="center"> <br>
                      </div></td>
                    </tr>
                    <tr>
                      <td height="19" valign="top"><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">02/03/2010</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> -</font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> Retorno
                        do site, clique <a href="news.php">aqui</a> para mais
                        informações.</font></font></td>
                    </tr>
                    <tr>
                      <td height="26" valign="top"> </td>
                    </tr>
                    <tr>
                      <td height="26" valign="top"></td>
                    </tr>
                 
                </tbody>

Es um código HTML da pagina www.brimg.com, espero que resulte!

Melhores Cumprimentos
Dr.House

[Cristian 95]

Dr.House quando eu clico em enviar ele não envia ... ;s

[Sennior]

Olá amigo;
Aqui está o Código HTML que eu passei:

Código:

<tbody><tr>
                      <td width="1810" height="29"><div id="mais_Upload">
                          <input name="MAX_FILE_SIZE" type="hidden" value="10240000">
                          <input name="attached[]" type="file" size="30" id="input0">
                      </div></td>
                    </tr>
                    <tr>
                      <td width="1810" height="23"><div align="center">
                          <center>
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="320">
                              <tbody><tr>
                                <td width="127" valign="top"><p style="margin-bottom: 0">Extensões
                                  Suportadas:</p></td>
                                <td width="200"><p><b> 
                                          gif</b> <b>jpg</b> <b>jpeg</b> <b>png</b> <b>bmp</b> <b>tif</b> <b>tiff                                </b></p></td>
                              </tr>
                              <tr>
                                <td width="127"><p style="margin-bottom: 0">Tamanho
                                  Limite:</p></td>
                                <td width="200"><p style="margin-bottom: 0"> <b>
                                    1.5MB (1536 KB)                                </b> </p></td>
                              </tr>
                            </tbody></table>
                          </center>
                      </div></td>
                    </tr>
                    <tr>
                      <td width="1810" height="5"></td>
                    </tr>
                    <tr>
                      <td width="1810" height="25"><p align="center">
                          <input class="button" type="submit" value="Enviar Imagem" name="submit">
                      </p></td>
                    </tr>
                    <tr>
                      <td width="1810" height="10"><p>Ultimas atualizações:</p></td>
                    </tr>
                    <tr>
                      <td height="12" valign="middle"><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">19/04/2010</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> -</font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> Opção
                        para publicidade em nosso site, clique <a href="anuncie.php">aqui</a> para mais
                        informações.</font></font></td>
                    </tr>
                    <tr>
                      <td height="19" valign="top"><div align="center"> <br>
                      </div></td>
                    </tr>
                    <tr>
                      <td height="19" valign="top"><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">02/03/2010</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> -</font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> Retorno
                        do site, clique <a href="news.php">aqui</a> para mais
                        informações.</font></font></td>
                    </tr>
                    <tr>
                      <td height="26" valign="top"> </td>
                    </tr>
                    <tr>
                      <td height="26" valign="top"></td>
                    </tr>
                 
                </tbody>

Logo mais adicione esse em seu CSS:

Código:

.button {
width: 115px;
height: 20px;
margin: 0 0 5px 0;
padding: 0;
border: 1px solid #C8C8C8;
background: #FAFAFA url(images/img05.gif) repeat-x;
font: normal x-small Verdana, Arial, Helvetica, sans-serif;
color: #464646;
}
http://www.brimg.com/media="screen"
input {
width: 320px;
margin: 0 0 3px 0;
padding: 3px 5px;
border: 1px solid #C8C8C8;
background: #FAFAFA url(images/img04.gif) repeat-x;
font: normal x-small Verdana, Arial, Helvetica, sans-serif;
color: #464646;
}
http://www.brimg.com/media="screen"
* {
margin: 0;
padding: 0;
}
user agent stylesheetinput:not([type="image"]), textarea {
box-sizing: border-box;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
padding: 1px 6px;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-box-align: center;
text-align: center;
cursor: default;
color: buttontext;
padding: 2px 6px 3px;
border: 2px outset buttonface;
border-image: initial;
background-color: buttonface;
box-sizing: border-box;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: push-button;
white-space: pre;
}
user agent stylesheetinput, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button, isindex {
margin: 0em;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}

Até mais!

[Cristian 95]

Ele lê a imagem ... mas ao clicar em enviar imagem ele não envia, é como se o botão fosse um mero enfeite, e não um botão. '-'

[Sennior]

Estranho amigo, troque o CSS por este:

Código:

p {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: 000000;
}
http://www.brimg.com/media="screen"
p, blockquote, ul, ol {
line-height: 1.8em;
}

Atenciosamente.

[Cristian 95]

Continua sem enviar ... olha
http://brisando.forumeiros.com/h17-caixa-de-upload

[Sennior]

Olá amigo;
Troque o CSS que lhe mandei por este:

Código:

p {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: 000000;
margin-top: 0;
margin-bottom: 0;
}
http://www.brimg.com/media="screen"
p {
}
http://www.brimg.com/media="screen"
p, blockquote, ul, ol {
margin-bottom: 1.5em;
line-height: 1.8em;
}
http://www.brimg.com/media="screen"
* {
margin: 0;
padding: 0;
}
p[align=center] {
text-align: -webkit-center;
}
user agent stylesheetp {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

Atenciosamente,
House, MateusV e Shek

[Cristian 95]

Continua na mesma, ele não envia.

[Ephiphone]

Olá,

Creio que o erro, esteja no código citado pelo Dr.House. De acordo com meus cálculos, um pequeno erro fornecido no código captou este erro.

Substitua os códigos atuais, por este:

Código:

p {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: 000000;
margin-top: 0;
margin-bottom: 0;
}
http://www.brimg.com/media="screen"
p {
}
http://www.brimg.com/media="screen"
p, blockquote, ul, ol {
margin-bottom: 1.5em;
line-height: 1.8em;
}
http://www.brimg.com/media="screen"
* {
margin: 0;
padding: 0;
}
p[align=center] {
text-align: -webkit-center;
}
user agent stylesheetp {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 1px;
-webkit-margin-end: 1px;
}

Espero que dê certo!
Cordialmente,
Ephiphone!

[Cristian 95]

Ainda fica sem enviar ...

[Convidad]

Olá Cristian95!

Não envia porque não há ação para o formulário! Veja se o código abaixo funciona:

Código:

<form ENCTYPE="multipart/form-data" method="post" name="form1" action="http://www.brimg.com/upload.php">
<tbody><tr>
                      <td width="1810" height="29"><div id="mais_Upload">
                          <input name="MAX_FILE_SIZE" type="hidden" value="10240000">
                          <input name="attached[]" type="file" size="30" id="input0">
                      </div></td>
                    </tr>
                    <tr>
                      <td width="1810" height="23"><div align="center">
                          <center>
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="320">
                              <tbody><tr>
                                <td width="127" valign="top"><p style="margin-bottom: 0">Extensões
                                  Suportadas:</p></td>
                                <td width="200"><p><b>
                                          gif</b> <b>jpg</b> <b>jpeg</b> <b>png</b> <b>bmp</b> <b>tif</b> <b>tiff                                </b></p></td>
                              </tr>
                              <tr>
                                <td width="127"><p style="margin-bottom: 0">Tamanho
                                  Limite:</p></td>
                                <td width="200"><p style="margin-bottom: 0"> <b>
                                    1.5MB (1536 KB)                                </b> </p></td>
                              </tr>
                            </tbody></table>
                          </center>
                      </div></td>
                    </tr>
                    <tr>
                      <td width="1810" height="5"></td>
                    </tr>
                    <tr>
                      <td width="1810" height="25"><p align="center">
                          <input class="button" type="submit" value="Enviar Imagem" name="submit">
                      </p></td>
                    </tr>
                    <tr>
                      <td width="1810" height="10"><p>Ultimas atualizações:</p></td>
                    </tr>
                    <tr>
                      <td height="12" valign="middle"><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">19/04/2010</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> -</font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> Opção
                        para publicidade em nosso site, clique <a href="anuncie.php">aqui</a> para mais
                        informações.</font></font></td>
                    </tr>
                    <tr>
                      <td height="19" valign="top"><div align="center"> <br>
                      </div></td>
                    </tr>
                    <tr>
                      <td height="19" valign="top"><font color="#999999" size="2" face="Verdana, Arial, Helvetica, sans-serif">02/03/2010</font><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif"> -</font><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><font size="2"> Retorno
                        do site, clique <a href="news.php">aqui</a> para mais
                        informações.</font></font></td>
                    </tr>
                    <tr>
                      <td height="26" valign="top"> </td>
                    </tr>
                    <tr>
                      <td height="26" valign="top"></td>
                    </tr>
               
                </tbody></form>

Se desejar, use este também:

Código:

<iframe src="http://imageshack.us/syndicate/widget.php"></iframe>

Atenciosamente,
Shek

[Cristian 95]

Os dois quando envia, me leva direto para o site deles ... não tem como gerar o link na mesma página?

[Konai]

Olá,

Qual o link que deseja complementar no código?

Até mais!

[Cristian 95]

Como assim?

[Cristian 95]

UP.

Vocês não conseguem pegar aquele que tem no painel de controle na areá de gestão de imagens quando vai upar um banner como por exemplo?

[Convidad]

Olá Cristian95!

Então vamos ter que fazer de outro modo. Painel de controle > Módulos > HTML e Javascript > Gestão das páginas HTML > Criar uma nova página HTML >
Crie uma página HTML com o seguinte código:

<script type="text/javascript">//<![CDATA[
function switchuploadaddress(file) {if (file) {document.getElementById('upfile').style.display='inline';document.getElementById('upurl').style.display='none';}else {document.getElementById('upfile').style.display='none';document.getElementById('upurl').style.display='inline';}}function copy_to_clip (text) {if (window.clipboardData){window.clipboardData.setData("Text", text);}else if (window.netscape){netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);if (!clip) return;var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);if (!trans) return;trans.addDataFlavor('text/unicode');var str = new Object();var len = new Object();var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);var copytext = text;str.data=copytext;trans.setTransferData("text/unicode",str,copytext.length*2);var clipid=Components.interfaces.nsIClipboard;if (!clip) return false;clip.setData(trans,null,clipid.kGlobalClipboard);}return false;}//]]></script><style type="text/css">* {margin:0;padding:0}body {font-size:75%;font-family:verdana,arial,sans-serif}#form_upload {background:#f2f2f2;border:1px solid #adadad;margin: 10px 20px 0}h2 {color: #01a2fe;font-size:1.3em;text-align:left;margin:2px 0 10px 5px}#form_upload p.champ {margin-left:20px}#form_upload p.auth_format {color:#01a2fe;font-weight:bold;font-size:1.1em;text-align:center;margin:10px 0 8px}p.submit_button {text-align:center;margin: 7px}p.connected {text-align:right;font-size:1.1em;font-style:italic margin: 5px 20px 0 0}
img {
border: 0;
}

/* loading */
.loading_xhr {
display: none;
}

/* edit > servimg*/
#servimg fieldset {
height: 100px;
}

#servimg #servimg_refresh {
color: #FF9C40;
}

#servimg_tabs {
margin-bottom: 2px;
}

#servimg_tabs li {
display: inline;
padding: 2px 10px;
margin: 10px 2px 0px 0px;
background-color: #F0F0EE;
}

#servimg_tabs li a {
color: #01A0FE;
}

#servimg_tabs li.activated {
background-color: #01a0fe;
}

#servimg_tabs li.activated a {
color: #fff;
}

#servimg_images {
margin-top: 3px;
height: 250px;
overflow: auto;
border: 1px solid #ccc;
background-color: #e5e5e5;
width: 100%;
}

#servimg_images img {
cursor: pointer;
border: 2px solid #ccc;
border-color: transparent;
margin-right: 10px;
margin-top: 2px;
vertical-align: middle;
}

#servimg_images img:hover {
border: 2px solid #8FD534;
}

#servimg_upload { /*visibility:hidden;*/
display: none;
border: 1px solid #ccc;
}

#servimg_upload iframe {
width: 100%;
height: 230px;
}

label {
cursor: pointer;
}

label:hover {
color: #00314D;
}

#form_upload {
background: #f2f2f2;
border: 1px solid #adadad;
margin: 10px 20px 0 20px;
}

h2 {
color: #01a2fe;
font-size: 1.3em;
text-align: left;
margin: 2px 0 10px 5px;
}

#form_upload p.champ {
margin-left: 20px;
}

#form_upload p.auth_format {
color: #01a2fe;
font-weight: bold;
font-size: 1.1em;
text-align: center;
margin: 10px 0 8px 0;
}

p.submit_button {
text-align: center;
margin: 7px;
}

p.connected {
text-align: right;
font-size: 1.1em;
font-style: italic;
margin: 5px 20px 0 0;
}</style><div id="servimg_div"></ul><div id="form_upload"><h2>Enviar sua imagem</h2><form name="upload" enctype="multipart/form-data" method="post" action="https://servimg.com/fa_upload.php"><p class="champ"><input type="radio" name="uploadtype" onclick="switchuploadaddress(true);" checked style="border:0" /><label> Arquivo </label><span id="upfile"><input type="file" name="pic_file" size="35" style="width:300px" /></span></p><p class="champ"><input type="radio" name="uploadtype" onclick="switchuploadaddress(false);" style="border:0" /><label> URL </label><span id="upurl" style="display:none"><input type="text" name="pic_url" size="35" style="width:300px;direction:ltr" /></span></p><p class="champ">Redimensionar imagem ?<select name="resize_width" size="1" style="width:200px"><option value="0" selected>Não</option><option value="1024">1024 px De largura</option><option value="800">800 px De largura</option><option value="640">640 px De largura</option><option value="320">320 px De largura</option></select></p><input type="hidden" name="cat_id" value="0" /><input type="hidden" name="email" value="forumanalises@hotmail.com" /><input type="hidden" name="password" value="9a2ece9a3d3830718911263c179ecd" /><input type="hidden" name="opener" value="" /><input type="hidden" name="fa_url" value="ENDEREÇO_DO_SEU_FORUM_SEM_O_HTTP" /><p class="auth_format"><strong>Formatos autorizados: bmp, jpg, png, gif, tif menores que 2 Mb</strong></p><p class="submit_button"><input type="submit" name="submit" value="Enviar" /></p></form></div><p style="text-align:right; margin: 2px 20px 0 0"><img src="https://2img.net/i/fa/servimg.png" alt="" /></p></div>

Agora, temos que editar o template das mensagens. Mas lembre-se do ID da página HTML, tudo bem?

Painel de controle > Visualização > Templates > Postar & Mensagens privadas > Posting_body >. Agora, você vai baixar o arquivo ZIP que disponibilizei abaixo de minha mensagem.

Antes de salvar o template, procure pelo seguinte código, buscando pela caixinha "BUSCAR":

Código:

/hID_DA_PAGINA_HTML_CRIADA-

Substitua esse valor citado acima por pelo ID da página HTML e publique o template.

Atenciosamente,
Shek

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

[Cristian 95]

Pra que esse ZIP?

[Convidad]

É o template editado com o código necessário para concluir os procedimentos explicados acima.

[Cristian 95]

Hmmmm ... e se eu precisar dele para colocar em um fórum que não contenha edição de template? como faço?

[Convidad]

Olá Cristian95!

Lamento, somente fóruns com possibilidades para edição dos templates podem ter essa função. Fóruns diferêntes, devem seguir as dicas apontadas neste tópico: https://ajuda.forumeiros.com/t36306-caixa-de-upload

Atenciosamente,
Shek

[Cristian 95]

Hmmm ok ... tem alguma forma de fazer isso pegar um em HTML sem edição de template

[Convidad]

Não. Lamento amigo.