Gerir função de loja no fórum

[mservidores]

Detalhes da dúvida

Versão do fórum : phpBB2
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://minerlandia.forumbrasil.net/

Descrição do problema

ex: gastar o pontos "botei o nome de dimas"
pra conseguir tipo.. rank "V.I.P." ou outras coisas

[Sennior]

Saudações,

Leia abaixo tutoriais explicativos para tua questão:
https://ajuda.forumeiros.com/-t14012.htm]
https://ajuda.forumeiros.com/-t17049.htm

Abraços.

Tópico movido de 'Outras questões' para 'Questões sobre o painel de administração'

[mservidores]

entendi um pouco do segundo.. mais como eu faço pra criar uma aba com nome loja e la aparece tipo..

(imagem) Este é uma medalha que só os mais ricos podem comprar [Preço: 15000]
[Comprar] [Vender]

mais o menos assim, ai quando clicar em comprar ai tira os 15000 pontos do player, e quando clica em vender ai vende pela metade do preço que se compra, ai nesse caso se vende por 7500

quando compra aparece embaixo do nome do player (nos posts)

---

quero um sistema de loja parecido com: http://forum.minecraft.com.br/

[mservidores]

alguem ajuda?

[Sennior]

Saudações,

Seria algo como isso?

Código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css">
<script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></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('.title').text()+ '</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 = "[size=13][font=Trebuchet MS][center][b]Pedido de tag BS[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 400,00[center][/center][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, <img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
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: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, <img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
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: 140px;
margin-left: -150px;
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 href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
      </li>
                <li>
        <a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
      </li>
  </ul>
</div>
        <div id="usercp_content">
            <div class="box_r">
              <div class="box_t">
<!-- Início aba 1 -->
  <div id="abas1" class="abas">     
      <div class="box_r">
        <div class="message" style="margin:10px">
                            <b class="myc">Suas moedas: <cash style="font-style: italic;">1107</cash></b>
                            <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>
<table cellspacing="0" class="table">
  <tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
      <br>
      <span class="desc lighter blend_links">
        Stars, WHOA
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item2" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Helmet!</h4>
      <br>
      <span class="desc lighter blend_links">
        Capacete de batalha
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item2" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item3" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz |!</h4>
      <br>
      <span class="desc lighter blend_links">
        Sabre de luz azul
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item3" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item4" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz ||!</h4>
      <br>
      <span class="desc lighter blend_links">
        Sabre de luz vermelho
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item4" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item5" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Rain!</h4>
      <br>
      <span class="desc lighter blend_links">
        Proteja-se da chuva
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item5" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item6" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Wow!</h4>
      <br>
      <span class="desc lighter blend_links">
        Wow blue
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item6" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item7" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Nerd!</h4>
      <br>
      <span class="desc lighter blend_links">
        Nerd 8.8
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item7" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item8" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">MxTube!</h4>
      <br>
      <span class="desc lighter blend_links">
        Qual canal quer assistir?
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item8" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item9" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Jedi!</h4>
      <br>
      <span class="desc lighter blend_links">
        Eu sou jedi u.u
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item9" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item100" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Pikachu</h4>
      <br>
      <span class="desc lighter blend_links">
        Choque do trovão agora
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item100" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item101" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gengar</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón fantasma
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item101" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item102" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Charmander</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo fogo
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item102" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item103" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Totodile</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo água
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item103" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item104" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Squirtle</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo água
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item104" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item105" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Chikorita</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo planta
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item105" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item106" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bulbasaur</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo planta
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item106" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item107" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cyndaquil</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo fogo
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item107" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item108" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Piplup</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón tipo água
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item108" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item109" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ho-oh</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón raro
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/qdiucii.png"> Preço: 300.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item109" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item110" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Mew</h4>
      <br>
      <span class="desc lighter blend_links">
        Pokemón raro
      </span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/qdiucii.png"> Preço: 300.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item110" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item200" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i10.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Internacional</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item200" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item201" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i11.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Botafogo</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item201" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item202" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i12.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cruzeiro</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item202" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item203" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i13.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Figueirense</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item203" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item204" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i14.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Fluminense</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item204" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item205" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i15.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Portuguesa</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item205" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item206" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i16.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Flamengo</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item206" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item207" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i17.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Santos</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item207" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item208" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i18.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Palmeiras</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item208" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item209" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i19.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Vasco</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item209" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item210" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i20.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">São paulo</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item210" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item211" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i21.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-MG</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item211" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item212" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i22.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bahia</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item212" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item213" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i23.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Náutico</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item213" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item214" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sport</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item214" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item215" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i25.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ponte preta</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item215" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item216" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i33.servimg.com/u/f33/18/07/42/17/atleti10.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético paranaense</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item216" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item217" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i26.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Corinthians</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item217" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item218" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i27.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Coritiba</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item218" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item219" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-GO</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item219" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item220" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i29.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Grêmio</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item220" value="Comprar"></li>
      </ul>
  </td>
</tr>


<tr id="item221" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://imageshack.us/a/img855/6770/chatmod.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">1 Day Chatmod</h4>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="400"><img src="http://i.imgur.com/qdiucii.png"> Preço: 400.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item221" value="Comprar"></li>
      </ul>
  </td>
</tr>
<tr id="item222" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<a id="tag" name="tag" accesskey="g"></a>
<span>
<b style="font-size: 16px;font-family: century gothic;font-weight: normal;">[TAG]</b>
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Tag no chatbox</h4><br><span>[Produto único]: ao clicar em comprar ao lado, sua lista de compras será esvaziada e o pedido será enviado solicianto apenas este produto.</span>
</td>
<td class="col_f_post">
  <ul>
  <li class="views desc points" data-myprice="600"><img src="http://i.imgur.com/qdiucii.png"> Preço: 400.00</li>
  <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc">
<form action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="[F]lames">
<input value="Pedido de tag BS" style="display:none;" maxlength="64" name="subject" type="text" class="usernameinput">
<input id="tagtext" type="text" placeholder="Tag (apenas 1 palavra). Exemplo: brasil" style="width: 70%;padding: 4.5px 8px;display: inline-block;margin: 6px 0 0 0;">
  <textarea name="message" style="display:none" id="taglocal"></textarea>
<span class="buttons">
<input type="button" value="Comprar" class="addButton" onclick="enviatag(jQuery('#tagtext').val(),jQuery('#taglocal'));">
<input type="submit" style="display:none" name="post" class="addButton">
</span>
</form>
</li>
      </ul>
  </td>
</tr>
  </tbody>
</table>
      </div>
  </div>
<!-- Fim aba 1 -->

<!-- Início aba 2 --><div id="abas2" class="abas" style="display: none"><div class="box_r"><div class="main-head">
  <div class="page-title"><h2>Carrinho de Compras</h2></div>
  </div><div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<select style="display: none" name="usergroup"><option value="1">Administradores</option></select>
<input value="Pedido da loja BS" 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">
<input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;"> Atualize antes de enviar.
 <input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled"></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>

É uma página HTML.
Mas teria que ser colocado manualmente no perfil amigo e aí entra este tópico que eu lhe mandei antes:
https://ajuda.forumeiros.com/-t17049.htm

Até mais.

[mservidores]

Saudações,

Seria algo como isso?

Código:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css">
<script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></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('.title').text()+ '</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 = "[size=13][font=Trebuchet MS][center][b]Pedido de tag BS[/b][/center][center]&nbsp;[/center][b]Preço total:[/b] 400,00[center][/center][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, <img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
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: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, <img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
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: 140px;
margin-left: -150px;
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 href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
      </li>
                <li>
         <a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
      </li>
   </ul>
</div>
         <div id="usercp_content">
            <div class="box_r">
               <div class="box_t">
<!-- Início aba 1 -->
   <div id="abas1" class="abas">      
      <div class="box_r">
         <div class="message" style="margin:10px">
                             <b class="myc">Suas moedas: <cash style="font-style: italic;">1107</cash></b>
                             <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>
<table cellspacing="0" class="table">
  <tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
      <br>
      <span class="desc lighter blend_links">
         Stars, WHOA
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item2" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Helmet!</h4>
      <br>
      <span class="desc lighter blend_links">
         Capacete de batalha
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item2" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item3" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz |!</h4>
      <br>
      <span class="desc lighter blend_links">
         Sabre de luz azul
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item3" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item4" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz ||!</h4>
      <br>
      <span class="desc lighter blend_links">
         Sabre de luz vermelho
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item4" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item5" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Rain!</h4>
      <br>
      <span class="desc lighter blend_links">
         Proteja-se da chuva
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item5" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item6" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Wow!</h4>
      <br>
      <span class="desc lighter blend_links">
         Wow blue
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item6" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item7" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Nerd!</h4>
      <br>
      <span class="desc lighter blend_links">
         Nerd 8.8
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item7" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item8" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">MxTube!</h4>
      <br>
      <span class="desc lighter blend_links">
         Qual canal quer assistir?
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item8" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item9" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Jedi!</h4>
      <br>
      <span class="desc lighter blend_links">
         Eu sou jedi u.u
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item9" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item100" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Pikachu</h4>
      <br>
      <span class="desc lighter blend_links">
         Choque do trovão agora
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item100" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item101" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gengar</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón fantasma
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item101" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item102" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Charmander</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo fogo
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item102" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item103" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Totodile</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo água
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item103" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item104" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Squirtle</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo água
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item104" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item105" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Chikorita</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo planta
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item105" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item106" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bulbasaur</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo planta
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item106" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item107" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cyndaquil</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo fogo
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item107" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item108" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Piplup</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón tipo água
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item108" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item109" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ho-oh</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón raro
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/qdiucii.png"> Preço: 300.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item109" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item110" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Mew</h4>
      <br>
      <span class="desc lighter blend_links">
         Pokemón raro
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/qdiucii.png"> Preço: 300.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item110" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item200" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i10.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Internacional</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item200" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item201" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i11.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Botafogo</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item201" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item202" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i12.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cruzeiro</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item202" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item203" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i13.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Figueirense</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item203" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item204" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i14.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Fluminense</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item204" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item205" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i15.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Portuguesa</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item205" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item206" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i16.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Flamengo</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item206" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item207" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i17.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Santos</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item207" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item208" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i18.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Palmeiras</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item208" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item209" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i19.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Vasco</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item209" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item210" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i20.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">São paulo</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item210" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item211" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i21.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-MG</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item211" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item212" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i22.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bahia</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item212" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item213" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i23.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Náutico</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item213" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item214" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sport</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item214" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item215" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i25.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ponte preta</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item215" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item216" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i33.servimg.com/u/f33/18/07/42/17/atleti10.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético paranaense</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item216" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item217" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i26.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Corinthians</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item217" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item218" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i27.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Coritiba</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item218" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item219" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-GO</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item219" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item220" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i29.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Grêmio</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item220" value="Comprar"></li>
      </ul>
   </td>
</tr>


<tr id="item221" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://imageshack.us/a/img855/6770/chatmod.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">1 Day Chatmod</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="400"><img src="http://i.imgur.com/qdiucii.png"> Preço: 400.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item221" value="Comprar"></li>
      </ul>
   </td>
</tr>
<tr id="item222" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<a id="tag" name="tag" accesskey="g"></a>
<span>
<b style="font-size: 16px;font-family: century gothic;font-weight: normal;">[TAG]</b>
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Tag no chatbox</h4><br><span>[Produto único]: ao clicar em comprar ao lado, sua lista de compras será esvaziada e o pedido será enviado solicianto apenas este produto.</span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="600"><img src="http://i.imgur.com/qdiucii.png"> Preço: 400.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc">
<form action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="[F]lames">
<input value="Pedido de tag BS" style="display:none;" maxlength="64" name="subject" type="text" class="usernameinput">
<input id="tagtext" type="text" placeholder="Tag (apenas 1 palavra). Exemplo: brasil" style="width: 70%;padding: 4.5px 8px;display: inline-block;margin: 6px 0 0 0;">
  <textarea name="message" style="display:none" id="taglocal"></textarea>
<span class="buttons">
<input type="button" value="Comprar" class="addButton" onclick="enviatag(jQuery('#tagtext').val(),jQuery('#taglocal'));">
<input type="submit" style="display:none" name="post" class="addButton">
</span>
</form>
</li>
      </ul>
   </td>
</tr>
  </tbody>
</table>
      </div>
   </div>
<!-- Fim aba 1 -->

<!-- Início aba 2 --><div id="abas2" class="abas" style="display: none"><div class="box_r"><div class="main-head">
  <div class="page-title"><h2>Carrinho de Compras</h2></div>
   </div><div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<select style="display: none" name="usergroup"><option value="1">Administradores</option></select>
<input value="Pedido da loja BS" 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">
<input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;"> Atualize antes de enviar.
 <input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled"></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>

É uma página HTML.
Mas teria que ser colocado manualmente no perfil amigo e aí entra este tópico que eu lhe mandei antes:
https://ajuda.forumeiros.com/-t17049.htm

Até mais.

1) como eu configuro os itens?

2) como coloco as medalhas embaixo do nome do usuario?