Efeito botão upload

Qual é minha questão:
Gostaria de saber como eu faço esse efeito de colocar um botão para poder fazer o upload do arquivo

Links e imagens do meu problema:


Endereço do meu fórum:
http://v0-0.forumeiros.com

Versão do meu fórum:
PUNBB

up

Olá,
Adicione em seu formulário o seguinte código:

Código:

<button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://2img.net/i/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button>

</dt>
    <dd><textarea id="text-imgs" class="inputbox" tabindex="14" style="clear: both; height: 100px; width: 510px;"></textarea>

<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="204" style="display:none;margin-top:13px"></iframe>

    </dd></dl>


Cordialmente
Dr. Kinki

até apareceu o botão mas não funcionou não

Valeu consegui o codigo pode fechar!

Código:

<button class="button2" onclick="jQuery('#uploadimage input[type=file]').click()" type="button" title="Fazer upload de uma imagem"><img src="http://2img.net/i/fa/wysiwyg/picture_save.png" alt="Fazer upload de uma imagem" title="Fazer upload de uma imagem"></button>
<dd>
<iframe name="fuploadimage" scrolling="no" allowtransparency="true" frameborder="0" width="248" height="300" style="display:none;margin-top:13px"></iframe>
</dd>
<form action="http://s6.tinypic.com/plugin/upload.php" id="uploadimage" method="post" enctype="multipart/form-data" target="fuploadimage" style="display:none"><input type="hidden" name="action" value="upload"><input type="hidden" name="popts" value="c,url"><input type="file" name="the_file" onchange="this.form.submit();jQuery('iframe[name=fuploadimage]').css('display','block')"></script>