Area de compra do forum

[pyrohinotama]

Qual é minha questão:
Ola, atualmente um novo forum criou uma erea em publicidade e uma coisa chamou minha atenção, um sistema de compra para os usuarios. este sistema vai ser de um grande uso para meu forum que se trata de um rpg interpretativo e gostaria que os usuarios tivessem uma area para comprar( com dinheiro fictício claro) itens e outras coisas para o rpg. como faço tal tipo de coisa? eu não sei nem por onde começar...

link para melhor entendimento- http://nrtlegends.forumeiros.com/h5-

Endereço do meu fórum:
http://rpgadventure.umforum.net

Versão do fórum:
PHPBB2

[Convidado]

Saudações!

Basta criar um nova página de HTML, e adicionar o código abaixo:
Código:

Código:

<div id="tabs">
<ul>
<li><a href="#tabs-1">Básicas</a></li>
<li><a href="#tabs-2">Especiais</a></li>
<li><a href="#tabs-3">Premium</a></li>
</ul>
<div id="tabs-1"><div class="itemWrapper"><div id="item1" class="item">
<span class="title"><font><font>Kunai</font></font></span><br>
<span class="image"><img src="http://i39.tinypic.com/2nrjwoy.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>As kunais são normalmente utilizadas como um projétil (semelhante ao uso das shurikens), podendo também funcionar como um tipo de faca. As menores e mais leves geralmente têm um aro na ponta, semelhante a um anel, para serem presas aos dedos durante uma luta.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item2" class="item">
<span class="title"><font><font>Kunai Curvada</font></font></span><br>
<span class="image"><img src="http://i53.tinypic.com/33w761i.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Também conhecida como kunai curvada, é mais larga que a comum e curvada na ponta. Não serve para ser disparada em direção ao alvo, em contrapartida possui um corte mais preciso, sendo uma ótima escolha em combates mais próximos. Utilizada por Kabuto Yakushi que por se tratar de um ninja médico, pode adaptá-la como ferramenta cirúrgica.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item3" class="item">
<span class="title"><font><font>Kunai de 3 pontas</font></font></span><br>
<span class="image"><img src="http://i44.tinypic.com/b3ke1f.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Apesar de não ser o modelo padrão, essa kunai não é assim tão diferente das outras. Sua lâmina se divide em três pontas, como um tridente, sendo a lâmina central maior que as laterais. Além de não perder sua função ofensiva, esta kunai é muito útil para defesa já que suas pontas menores funcionam como a guarda-mão das espadas. Usada por Minato Namikaze.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item4" class="item">
<span class="title"><font><font>Kunai Dupla</font></font></span><br>
<span class="image"><img src="http://i52.tinypic.com/kcc6lf.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Usada somente no Quarto Filme de Naruto (Naruto Shippuden: O Filme) por Kusuna, do Time Yomi. Essa arma é simplesmente duas Kunais unidas por uma junta nas extremidades do punho (local onde o Shinobi segura a arma).</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item5" class="item">
<span class="title"><font><font>Kunai Gigante</font></font></span><br>
<span class="image"><img src="http://i43.tinypic.com/2qjlkli.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Assim como a Shuriken Gigante, esse tipo de Kunai é apenas uma versão enorme da Kunai normal com um orifício no centro, que aparentemente que serve de suporte devido ao seu tamanho. Izumo e Kotetsu usam essa arma contra Hidan, esta kunai apresenta uma pequena desvantagem por necessitar que o usuário ocupe as duas mãos para manuseá-la com agilidade, e diferente da kunai convencional, esta não é eficaz para ser arremessada.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item6" class="item">
<span class="title"><font><font>Kunai Comprida</font></font></span><br>
<span class="image"><img src="http://i54.tinypic.com/5d2nn9.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Usada por ninjas do clã Hanya do País da Madeira.Essas kunais(mostradas no cap. 456) são praticamente iguais as kunais comuns, mas são mais compridas(como uma espada), e continuam sendo finas. Ao que parece, um dos membros do Clã Hanya tinha um grande estoque dessas, podendo ser usadas para combate corpo-a-corpo ou para aremesso.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item7" class="item">
<span class="title"><font><font>Shuriken</font></font></span><br>
<span class="image"><img src="http://i44.tinypic.com/15mmclc.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>“Shuriken” ("lâmina atrás da mão" ou "lâmina oculta na mão") é uma arma de arremesso. Costuma ser mais utilizada como auxílio do que com o propósito de matar o inimigos, já que é facilmente defendida ou desviada por um ninja habilidoso. As shurikens classificam-se em Bo Shuriken (na forma de bastão cilíndrico, angular ou plano, com diversos modelos) ou Hira Shuriken (a popular “estrela ninja”, lâmina plana com três a quatorze pontas; também possui vários modelos diferentes).</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item8" class="item">
<span class="title"><font><font>Dai Shuriken</font></font></span><br>
<span class="image"><img src="http://i43.tinypic.com/2eo86jk.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>(Grande shuriken).Usada por Mizuki logo no primeiro episódio.É igual à uma shuriken comum, mas é muito maior.Mizuki utiliza todo o espaço das suas costas para carregar apenas duas. Para se arremesar essa shuriken, deve-se girá-la primeiro, para depois a arremesar.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Adicionar à Lista"></font></font>
</div>
</div>

<div class="itemWrapper"><div id="item9" class="item">
<span class="title"><font><font>Fuuma Shuriken</font></font></span><br>
<span class="image"><img src="http://i39.tinypic.com/2prbtbm.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Também conhecida como “Shuriken do moinho das sombras”, “Boomerang japonês” ou “Moinho da morte”, a Fuuma Shuriken é uma shuriken enorme com um buraco circular no centro para ser segurada. Possui quatro lâminas retráteis (por isso é chamada de “moinho”), quando não está em uso, ela fica fechada em apenas uma peça, em uso, poderá ser aberta, apresentando, assim 4 peças.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item9" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item10" class="item">
<span class="title"><font><font>Makibishi</font></font></span><br>
<span class="image"><img src="http://i42.tinypic.com/osu2d1.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>São pequenas esferas com pontas que são atiradas no chão. São usadas como armadilha para ferir quem pisa nelas. As Makibishi são muito comuns na série "Naruttimate Hero" para Play Station 2. Usado por vários Shinobis (Ninja).</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item10" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item11" class="item">
<span class="title"><font><font>Pergaminho</font></font></span><br>
<span class="image"><img src="http://i40.tinypic.com/2w5ppx5.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="150"><font><font>150 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>São utilizados para vários propósitos, como invocações, Jutsus Médicos (Icha Ninjutsus), Jutsus em geral, selamentos. Os pergaminhos são

muito úteis, pois economizam muito espaço. Usado por, Tenten, Kankuro, Chiyo, Sasori, Sakura Haruno, Naruto Uzumaki, Tsunade, Sasuke Uchiha, Orochimaru,Hatake Kakashi e

vários outros Shinobis.Também é utilizada por Namikaze Minato para invocação de sapos e suas kunais de três, em grande quantidade.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item11" value="Adicionar à Lista"></font></font>
</div>
</div>

<div class="itemWrapper"><div id="item12" class="item">
<span class="title"><font><font>Senbons</font></font></span><br>
<span class="image"><img src="http://i44.tinypic.com/290yc6h.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>São agulhas compridas e metálicas, usadas como projéteis. Vários personagens da série já foram vistos usando esse tipo de arma: Tenten usou

na luta contra Temari quando joga diversas armas nela e junto estão varias agulhas, Shizune cuspiu algumas na luta contra Orochimaru e Kabuto Yakushi; Akasuna no Sasori

jogou milhares e milhares de senbons envenenadas em Chiyo e Sakura Haruno; Genma Shiranui, o jounin que fiscalizou a fase final do Chuunin Shiken, carrega sempre uma senbon

na boca. No entanto, o personagem que levou sua habilidade com senbons ao máximo foi Haku, graças ao grande conhecimento que o garoto tinha da anatomia humana e sua

capacidade de criar agulhas de gelo. Haku conseguiu fingir que havia matado Sasuke Uchiha e Zabuza Momochi, enquanto na verdade havia desviado propositalmente dos pontos

vitais.
No caso da usuária Kin Tsuchi, as agulhas possuem guizos presos para realizar as técnicas específicas de Kin Tsuchi. Usado por Haku, Tenten, Tsunade, Shizune, Genma

Shiranui,Kin Tsuchi ,Sasori e Sakura Haruno</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item12" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item13" class="item">
<span class="title"><font><font>Pilulas de Soldado</font></font></span><br>
<span class="image"><img src="http://i41.tinypic.com/99i4jn.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Pílulas do Soldados são pequenas pílulas tomadas pelos Shinobis em missões muito desgastantes. Essas pílulas são feitas de uma vitamina

especial que permite que um shinobi lute por três dias e três noites. São usadas principalmente pelos cães e membros do Clã Inuzuka, mas podem ser utilizadas por qualquer

Shinobi.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item13" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item14" class="item">
<span class="title"><font><font>Fio de Aço</font></font></span><br>
<span class="image"><img src="http://i41.tinypic.com/dbigp5.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>São usados por Sasuke Uchiha na luta contra Orochimaru e posteriormente contra Naruto Uzumaki, ultilizada para o jutsu Ryuuka no Jutsu,

ou para prender o adversário. Pode cortar arvores se puxadas com força.Também é usada por Kakashi Hatake em alguns episódios.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item14" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item15" class="item">
<span class="title"><font><font>Correntes</font></font></span><br>
<span class="image"><img src="http://i40.servimg.com/u/f40/17/30/58/18/corren10.png"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Correntes comuns que podem ser usadas para prender ou mesmo uma forma de dar uma rasteira no oponente. Podem ser colocadas em vários

locais e até em armas, criando assim estratégias inovadoras para tentar derrubar o inimigo, tal como mostrado na luta entre Tobi e Namikaze Minato</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item15" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item16" class="item">
<span class="title"><font><font>Katana</font></font></span><br>
<span class="image"><img src="http://i30.servimg.com/u/f30/17/30/58/18/untitl22.png"></span><br><div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>É uma espada muito simples e que pode ser usada por qualquer ninja, até mesmo aqueles que não tem grande habilidade. Com um cabo

vermelho e uma lâmina afiada, é uma arma que pode se tornar bastante util, nomeadamente em batalhas 1 para 1</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item16" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item17" class="item">
<span class="title"><font><font>Bomba de Cheiro</font></font></span><br>
<span class="image"><img src="http://i12.servimg.com/u/f12/17/30/58/18/untitl18.png"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Uma bomba redonda e pequena, cuja libera um gás quase incolor de cheiro insuportável, ela causa danos na concentração e pode chegar a

prejudicar seriamente os olfatos mais aguçados.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item17" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item18" class="item">
<span class="title"><font><font>Bomba de Luz</font></font></span><br>
<span class="image"><img src="http://i43.tinypic.com/1zq7gcw.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Bomba que dificulta a visão do seu adversário pois cria uma luz insuportável, criando assim uma chance de contra-ataque ou para escapar

da luta. Quem usa: Shikamaru Nara e diversos Shinobis (Ninjas).</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item18" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item19" class="item">
<span class="title"><font><font>Bombas de Fumo</font></font></span><br>
<span class="image"><img src="http://i30.servimg.com/u/f30/17/30/58/18/untitl21.png"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Essas bombas, ao explodirem, liberam uma grande quantidade de fumaça roxa, confundindo o inimigo. Muito usadas em fugas. Usado por

vários Shinobis (Ninjas).</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item19" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item20" class="item">
<span class="title"><font><font>Chaveiros explosivos</font></font></span><br>
<span class="image"><img src="http://i44.tinypic.com/c7ofl.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Semelhantes a um pequeno sininho amarrado por um curto fio em uma isca que se prende ao alvo explodindo em alguns segundos depois.

Usado por Sasuke Uchiha.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item20" value="Adicionar à Lista"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item21" class="item">
<span class="title"><font><font>Kibaku Fuuda</font></font></span><br>
<span class="image"><img src="http://i42.tinypic.com/9gft38.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Ryous </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>São folhas de papel que explodem pelo contato ou por ativação remota através do “Selo Explosivo: Ativar” (“Jibaku Fuda: Kassei”). Utilizados

das mais variadas formas, selos fazem parte de armadilhas ou técnicas de distração. Podem ser lançados no ambiente de batalha em ]kunais, e até mesmo no inimigo. As tarjas

explosivas são mais utilizadas por ninjas que se apóiam em estratégia, como Shikamaru Nara , Sakura Haruno e Yugito Nii,na batalha contra Hidan e Kakuzu. Usada por vários

Shinobis (Ninja).</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item21" value="Adicionar à Lista"></font></font>
</div>
</div>
</div>
<div id="tabs-2"><div class="itemWrapper"><div id="item1" class="item">
<span class="title"><font><font>Kunai</font></font></span><br>
<span class="image"><img src="http://i39.tinypic.com/2nrjwoy.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>As kunais são normalmente utilizadas como um projétil (semelhante ao uso das shurikens), podendo também funcionar como um tipo de faca. As menores e mais leves geralmente têm um aro na ponta, semelhante a um anel, para serem presas aos dedos durante uma luta.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar à Lista"></font></font>
</div>
</div>

</div>
<div id="tabs-3">
<p>Página 3</p>
</div>
</div>

</div>
    <div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_title"><font><font>Shop List</font></font></div><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"><font><font>Total = Moedas </font></font></span>
</div>
    </div><div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão Enviar pedido. </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="Evidenc">
<input name="username[]" type="text" style="display:none" value="Evidenc">
<input value="Pedido da loja  Naruto Legends!" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes conferir! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>

Até

[pyrohinotama]

mas depois de criar a página, como o sistema vai funcionar?? não deve existir algum credito ou algo do tipo??

[pyrohinotama]

já resolvi, podem fechar o tópico

[Don Corleone]

Também gostaria deste código, mas ainda ficou bugado em meu fórum, gostaria deste código para Phpbb3.

Talvez falte algum código css

[pyrohinotama]

hodini tente pegar o código do link que ue dei, e depois voce cria um html e clicar e adicionar o html original do seu site. depois é só editar as imagens cores e informações contidas no html do link