Como adicionar uma loja em meu forúm?

[7193577]

• Descrição:

Olá eu crio Hackers para  o FPS PointBlank e queria adicionar uma loja no meu forúm para os membros comprarem o VIP do Hack.
Basta colocar assim la uma aba do lado de FAQ no menu ai quando eles clicarem na loja aparecer os Produtos ai só poderia comprar quem tivesse 50 Pontos e o Melhor Hack comprar com 500 Pontos.
Eu não tenho print de outro site mais eu vi um ainda agora mais não lembro o nome :/
Quem puder ajudar irei agradeçer pakas.

Forum: http://hxcheats.forumais.com/
Versão: phpBB

---

• Informações:

Fórum:	http://hxcheats.forumais.com/	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	adicionar,forúm?

---

[Shek]

Olá!

Você pode seguir as informações do seguinte tópico: https://ajuda.forumeiros.com/t86463-

Atenciosamente,
Shek

Tópico movido de 'Questões sobre aparência' para 'JavaScript e jQuery'

[TheJokerGFR]

Faça download deste codigo html e faça uma pagina html com ele.
O forum não permite postar o codigo pois é grande demais..
LINK DIRETO - Página HTML Shop

[IPB.Board]

Olá,
Crie uma Pagina HTML com o seguinte cödigo:

Código:

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script><link href="http://translate.googleapis.com/translate_static/css/translateelement.css" charset="UTF-8" rel="stylesheet" type="text/css" /><script src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js" charset="UTF-8" type="text/javascript"></script><script src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js" charset="UTF-8" type="text/javascript"></script><script type="text/javascript">
jQuery(document).ready(function(){
        jQuery('.Tabs li').click(function(){
                jQuery('.Tabs li').removeClass('active');
                jQuery(this).addClass('active');
                jQuery(this).find('a');
 return false;
        });
jQuery('a.all_itens').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas1').show();
                });
jQuery('a.all_pay').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas2').show();
                });
});
</script><script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0

$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('span:first').html()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;

$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));

  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";

  total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script><script>
function enviatag(tag, local) {
  var message = "
[center][b]Pedido de tag BS[/b][/center]
[center]&nbsp;[/center]
[size=13][font=Trebuchet MS][b]Preço total:[/b] 600,00[b]Tag:[/b] "+tag+"[/font][/size]";
  jQuery(local).html(message);
  jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
  $.get('/profile?mode=editprofile', function(prof) {
      var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
      $.get(link, function(cash) {
        my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Moedas") dd',cash).text();
        $('.myc cash').html(my_cash);
      });
  });
});
</script><style type="text/css">
.cart_items, #checkout{
padding: 10px;
border-radius: 3px;
background: white;
border: 1px solid #cdcdcd;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(245, 93, 8);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, 8);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {background: white;}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 150px;
margin-left: -190px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.Tabs li {
background: #f6f8fb;
color: #808080;
border-bottom: 1px solid #DBE4EF;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
border-right: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
font-weight: bold;
}
.Tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
color: #8d8d8d;
border-right: 1px solid #DBE4EF;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: #eaeff5;
color: #808080;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #ebfcdf;
padding: 10px;
border: 1px solid #a4cfa4;
color: #0e440e;
line-height: 1.6;
font-size: 12px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
 margin: 5px;
}
.myc {cursor: pointer;}
</style>
<div class="main">
 
<div class="main-head">
 
<div class="page-title">
<h2>Loja
</h2>
</div>
 
</div>
 
<div class="main-content cont">
 
<div class="LayoutLeft clearfix">
 
<div class="Tabs Layout_smallleft">
 
<ul>
 
<li class="active">
<a class="all_itens" title="Todos os ítens" href="#">Todos os ítens</a>
</li>
 
<li>
<a class="all_pay" title="Carrinho de Compras" href="#">Concluir o pedido</a>
</li>
 
</ul>
</div>
 
<div id="usercp_content">
 
<div class="box_r">
 
<div class="box_t">
<!--  Início aba 1  -->
<div class="abas" id="abas1">
 
<div class="box_r">
 
<div style="margin:10px" class="message">
<strong class="myc">Suas moedas: <cash style="font-style: italic;">0</cash></strong> <br /> <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" /> Compre com sabedoria.
</div>
<div class="main-head">
 
<div class="page-title">
<h2>
Ítens
</h2>
</div>
 
</div>
<li class="views desc">
<form name="post" method="post" action="/privmsg">
</form><input value="[F]lames" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none;" value="Pedido de tag BS" /><input style="width: 70%;padding: 4.5px 8px;display: inline-block;margin: 6px 0 0 0;" placeholder="Tag (apenas 1 palavra). Exemplo: brasil" type="text" id="tagtext" /> <textarea id="taglocal" style="display:none" name="message"></textarea><span class="buttons"><input onclick="enviatag(jQuery('#tagtext').val(),jQuery('#taglocal'));" class="addButton" value="Comprar" type="button" /><input class="addButton" name="post" style="display:none" type="submit" /></span>
</li>
<table class="table" cellspacing="0">
 
<tbody class="statused">
<tr class="item" id="item1">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://images1.wikia.nocookie.net/__cb20100810021651/habbo/en/images/a/a3/VIP_badge.png" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<h4 class="title">
VIP!
</h4>
<br /> <span class="desc lighter blend_links"> VIP </span>
</td>
<td class="col_f_post">
 
<ul>
 
<li data-myprice="200" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 8.00
</li>
 
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Produto: a venda
</li>
 
<li class="views desc">
<input value="Comprar" data-item="item1" class="addButton" type="button" />
</li>
 
</ul>
 
</td>
</tr>
 
<tr class="item" id="item2">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="https://www.doxhotel.cc/c_images/album1584/VID.gif" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<h4 class="title">
Vip Diamond!
</h4>
<br /> <span class="desc lighter blend_links"> VIP Diamond </span>
</td>
<td class="col_f_post">
 
<ul>
 
<li data-myprice="200" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 12.00
</li>
 
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Produto: a venda
</li>
 
<li class="views desc">
<input value="Comprar" data-item="item2" class="addButton" type="button" />
</li>
 
</ul>
 
</td>
</tr>
 
<tr class="item" id="item3">
<td style="text-align:center;width:10%;margin:5px" class="row2"><span><img style="width:50px;height:50px;" src="http://olalindberg.com/wp/wp-content/uploads/2007/03/060110_socio_icon.gif" /></span>
</td>
<td style="width:40%;" class="col_f_content">
<h4 class="title">
Socio
</h4>
<br /> <span class="desc lighter blend_links"> Socio </span>
</td>
<td class="col_f_post">
 
<ul>
 
<li data-myprice="200" class="views desc points">
<img src="http://i.imgur.com/qdiucii.png" /> Preço: 20.00
</li>
 
<li class="views desc">
<img src="http://i.imgur.com/pb1WAow.png" /> Produto: a venda
</li>
 
<li class="views desc">
<input value="Comprar" data-item="item3" class="addButton" type="button" />
</li>
 
</ul>
 
</td>
</tr>
 
</tbody>
</table>
 
</div>
 
</div>
<!--  Fim aba 1  -->
<!--  Início aba 2  -->
<div style="display: none" class="abas" id="abas2">
<div class="box_r">
<div class="main-head">
 
<div class="page-title">
<h2>
Carrinho de Compras
</h2>
</div>
 
</div>
<div class="cartWrapper">
<div id="cartj" class="cart">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form name="post" method="post" action="/privmsg" id="privatemessage"><input value="Júnior Duarte" style="display:none" type="text" name="username[]" /><input value="Admin" style="display:none" type="text" name="username[]" /><input class="usernameinput" type="text" name="subject" maxlength="64" style="display:none" value="Pedido da loja BS" /><textarea name="message" class="noThis" style="display:none" id="cartMessage"></textarea><span class="buttons"><input onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" value="Atualizar carrinho" type="submit" id="submitCart" /> Atualize antes de enviar. <input disabled="disabled" id="sendingBut" name="post" value="Enviar pedido" type="submit" /></span>
</form>
 
</div>
<div id="checkout">
Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens. <br /><span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br />Enviar o pedido não irá funcionar de outra forma. <br />Também verifique se você tem pontos suficientes para fazer tal compra!</span>
</div>
 
</div>
</div>
<!--  Fim aba 2  -->
</div>
 
</div>
 
</div>
 
</div>
 
</div>
</div>

Até Mais...