Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» [Outros] Cartaz
Hoje à(s) 16:38 por Holkis

» Problema nas páginas devido aos anúncios
Hoje à(s) 16:33 por while

» [PEDIDO] Banner
Hoje à(s) 16:18 por Holkis

» Separar ícones "Responder" e "Novo tópico"
Hoje à(s) 16:14 por Cream

» Pedido de Rank (Moderador)
Hoje à(s) 16:02 por Holkis

» Retirar avatar do widget da staff
Hoje à(s) 15:49 por Cream

» Transferir os tópicos do grupo do facebook para o fórum
Hoje à(s) 12:32 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
-xGabriel..
 
Mr.Probz
 
GollD
 
Nean
 
lavinnia
 
sandra51
 

Quem está conectado
102 usuários online :: 5 usuários cadastrados, 1 Invisível e 96 Visitantes :: 2 Motores de busca

Angeloid, Cream, GollD, HouseG4E, while

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Gerir função de loja no fórum

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Gerir função de loja no fórum

Mensagem por mservidores em Dom 15 Mar 2015 - 0:11

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


Última edição por mservidores em Ter 17 Mar 2015 - 22:01, editado 1 vez(es)

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 642

http://minerlandia.forumbrasil.net/

Resolvido Re: Gerir função de loja no fórum

Mensagem por Sennior em Dom 15 Mar 2015 - 6:11

Saudações,

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

Abraços.

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


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22300

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir função de loja no fórum

Mensagem por mservidores em Dom 15 Mar 2015 - 15:22

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/


Última edição por North em Ter 17 Mar 2015 - 2:53, editado 1 vez(es) (Razão : double-post)

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 642

http://minerlandia.forumbrasil.net/

Resolvido Re: Gerir função de loja no fórum

Mensagem por mservidores em Ter 17 Mar 2015 - 4:11

alguem ajuda?

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 642

http://minerlandia.forumbrasil.net/

Resolvido Re: Gerir função de loja no fórum

Mensagem por Sennior em Ter 17 Mar 2015 - 6:36

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://illiweb.com/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://illiweb.com/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://illiweb.com/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:
Seta http://ajuda.forumeiros.com/-t17049.htm

Até mais.


Admineiros Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Admineiros Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Admineiros Perdeu a senha de administração? Veja o que fazer.
Admineiros Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22300

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Gerir função de loja no fórum

Mensagem por mservidores em Ter 17 Mar 2015 - 22:21

@Sennior escreveu: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://illiweb.com/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://illiweb.com/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://illiweb.com/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:
Seta http://ajuda.forumeiros.com/-t17049.htm

Até mais.

1) como eu configuro os itens?

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

mservidores
Nível 5

Masculino
Inscrito dia : 14/03/2015
Mensagens : 43
Pontos Ativos : 642

http://minerlandia.forumbrasil.net/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5