Gerir loja no fórum

[Heishiro]

Detalhes da questão

Endereço do fórum: http://fairytailimmortal.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Tenho um forum de Rpg e nele estou querendo colocar uma loja. nao penso em lucrar nada com isso eh unicamente para que os jogadores possam comprar seus itens com uma moeda que estipolamos. Consegui aqui no forum um codigo que ajudaria muito mas por nao entender muito de codigo queria saber como mudar o codigo para o campo que tenho em meu forum e saber para qual administrador que a mensagem chegaria quando a compra fosse efetuada.

segue anexo o codigo que encontrei.

Código:

<script type="text/javascript">
  $(function() {
  var produtos = {

    /* Ícones da loja abaixo.
    Lembre-se de adicionar uma vírgula ao final de cada novo ítem adicionado.
    Não adicione vírgula após o último ítem adicionado. */
   
    'Gold Star': {
        icone: 'http://i.imgur.com/taaL40o.png',
        preco: '200',
        descricao: 'Stars WHOA'
    },
 
    'Helmet': {
        icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
        preco: '250',
        descricao: 'Capacete de batalha'
    },
 
    'Charmander': {
        icone: 'http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png',
        preco: '250',
        descricao: 'Pokemón tipo fogo'
    }
    // Perceba que não existe vírgula após o último ítem. Caso queira adicionar mais ítens após o último, adicione uma vírgula logo após a chave "}". Lembre-se de deixar apenas o último ítem sem vírgula ao final.
 
 
  };
 
 
  var content = $('.content .itens');
      $.each(produtos, function (key, value) {
          content.append(
          '<tr class="item">' +
          '  <td class="icone" style="width: 10%;"><img src="' + value.icone + '" /></td>' +
          '  <td style="width: 50%;"><strong class="nome">' + key + '</strong><br /><br />' + value.descricao + '</td>' +
          '  <td>' +
          '  <ul>' +
          '  <li class="preco" data-myprice="' + value.preco + '"><img src="http://i.imgur.com/qdiucii.png" /> Preço: ' + value.preco + ' pontos</li>' +
          '  <br />' +
          '  <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho" /></li>' +
    '  </ul>' +
          '  </td>' +
          '</tr>'
          );
      });
      $.ajax({
        url: '/u' + _userdata.user_id,
        type: 'GET',
        success: function(responseHtml)
        {
        var myPoints = $('#field_id-13 dd', responseHtml).text();
        $('.myPoints').html('Meu saldo de pontos: <span class="totalPoints">' + myPoints + '</span>');
        },
        error: function(err)
        {
          console.log("AJAX error in request (Store points)");
        }
      });
  });
  var $total = 0;
  function addToCart(item) {
    var getItem = $(item).parents('.item').find('.nome').text();
    var getPrice = parseInt($(item).parents('.item').find('.preco').attr('data-myprice'));
    $total += getPrice;
    $('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
    $('.cart').append('<span class="item-cart" onclick="removeFromCart(this)" data-myprice="' + getPrice + '">' + getItem + '</span>');
  }
  function removeFromCart(item) {
    var getPrice = parseInt($(item).attr('data-myprice'));
    $total -= getPrice;
    $('.total').html('Valor total: <span class="totalVal">' + $total + '</span> pontos');
    $(item).remove();
  }
  function resetItems() {
    $('.cart').empty();
    $total = 0;
    $('.total').empty();
  }
  function buyItems() {
    if(!$('.cart').is(':empty')) {
      var valPoints = parseInt($('.totalPoints').text());
      var valTotal = parseInt($('.totalVal').text());
      if(valPoints >= valTotal) {
      var texto = '';
      var total = 0;
      $('.item-cart').each(function() {
        var item = $(this).text();
        var preco = parseInt($(this).attr('data-myprice'));
        texto += '[b]' + item.charAt(0).toUpperCase() + item.slice(1)
        //add line break at the end
        + ':[/b] ' + preco + " pontos\n";
        total += preco;
      });
      texto += '\n\n[b]Valor total:[/b] ' + total + ' pontos';
      $.post('/privmsg', {
            'mode': 'post',
            'post': '1',
            'folder': 'inbox',
            'usergroup': '1',
            'subject': 'Pedido da loja',
            'message': texto
      }).done(function() {
        alert("Seu pedido foi enviado! Aguarde até que um administrador adicione seus ítens");
        resetItems();
      });
      } else {
        alert("Você não tem pontos suficiente para efetuar a compra");
      }
    } else {
      alert("O carrinho está vazio");
    }
  }
</script>
<style type="text/css">
table.content {
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-collapse: separate;
  empty-cells: show;
  table-layout: fixed;
  width: 100%;
}
.itens .nome {font-size: 14px;}
.itens .icone {
text-align: center;
}
.itens .icone img {
  height: 50px;
  width: 50px;
}
.item-cart {
  background: orange url(https://cdn0.iconfinder.com/data/icons/very-basic-android-l-lollipop-icon-pack/24/close-16.png) no-repeat 5px;
  margin: 3px 4px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 5px;
  padding-left: 25px;
  color: white;
  border-radius: 3px;
}
table.content tr td {padding: 10px;background: #f0f0f0;border-bottom: 1px solid #e0e0e0;}
.itens ul li {list-style-type: none;}
.daemon {
  background: #333;
  text-align: center;
  padding: 10px;
}
#cart {
  background: #f0f0f0;
  border: 1px solid #e0e0e0;
  margin-top: 5px;
  padding: 5px;
}
.cart {
  background: white url("https://cdn1.iconfinder.com/data/icons/flat-artistic-shopping-icons/32/shopping-32.png") no-repeat 10px center;
  min-height: 50px;
  padding-left: 55px;
  border: 1px solid #ddd;
}
.total, .myPoints {font-size: 13px;display: block;margin-top: 5px;font-family: arial;display: block;font-style: italic;font-weight: bold;}
</style>
<div class="daemon">
  <span style="color: white;font-size: 28px;font-weight: bold;">Loja</span>
</div>
<table class="content">
      <tbody class="itens"></tbody>
</table>
<div id="cart">
  <div class="cart"></div>
  <span class="myPoints"></span>
  <span class="total"></span>
</div>
<div class="daemon">
  <input type="button" value="Concluir compra" onclick="buyItems()" />
  <input type="button" value="Resetar ítens" onclick="resetItems()" />
</div>

[Sennior]

Saudações!

O senhor vai criar uma página HTML com o código.
Nas opções lá, terá "Você deseja utilizar o início e o final da página do seu fórum" marque como "Sim" e também em "Usar esta página como página inicial?" marque como "Não".
Pronto, a página já se encontra em seu fórum.

Toda vez que um usuário fizer a compra a partir do link da página HTML, todos os Administradores receberam uma mensagem privada, que nela estará as informações da compra dos itens do determinado usuário. Aí depois é só ir no perfil e fazer as modificações tanto dos itens comprados quando do dinheiro gasto.

Mais alguma dúvida?
Abraços.

[Heishiro]

entendo... mas isso já esta. Oproblema é que eu quero saber eh se existe alguma maneira de nao ultilizar os tais pontos ao qual ele esta pedindo. pois o controlhe de "dinheiro" fica na ficha dos jogadores. Queria que ele desconcidera-se o valor e quando alguem compra-se algo fosse somente enviado para os admins assim eles avaliariam se a pessoa tem o dinheiro ou se pode comprar tal item.


desde ja
Grato

[Harleen]

Olá, experimente usar uma dessas lojas, creio que uma delas será útil ao que deseja

https://ajuda.forumeiros.com/t99388-gerir-funcao-de-loja-no-forum#684947
https://ajuda.forumeiros.com/t84558-como-que-cria-um-sistema-de-loja#576188

Quando realizada a compra, será enviada um MP aos Administradores...

Até mais

[Heishiro]

eu ja tentei colocar os dois um deles buga o layout o outro fica sumindo metade do menu de comprador

[Heishiro]

O que mais se encaixou ao forum sem bugar muito foi este codigo. porem o menu da loja fica cortado pela metade. Sera que tem como diminuir?

Código:


<div class="message" style="margin:10px">
    A compra de creditos ainda não se encontra disponivel. Por favor tenha paciência.
</div><title>Loja</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png" /><meta name="title" content="Loja" /><script type="text/javascript">
//<![CDATA[<![endif]-->
<![endif]-->
<
<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><style type="text/css">
.cart_items, #checkout{
padding: 10px;
border-radius: 3px;
background: white;
border: 1px solid #cdcdcd;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(245, 93, 8);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
 
theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, 8);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {background: white;}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 140px;
margin-left: -195px;
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: 140px;
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;
}
</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">
                           <center>Para comprar um produto necessitará de ter as moedas suficientes, relativamente ao preço do desejado. Após a compra de um produto terá de aguardar um periodo de 1 a 24 horas<br />
                           
                                Saldo:
                           </center>
                           
                        </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://www.explorergirls.com/themes/explorergirls/images/content/vip_big.gif" style="width:46px;height:46px;" /></span>
                                 </td>
                                 
                                 <td class="col_f_content" style="width:40%;">
                                     
                                    <h4 class="title">
                                        VIP
                                    </h4>
                                     <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                 </td>
                                 
                                 <td class="col_f_post">
                                     
                                    <ul>
                                       
                                       <li class="views desc points" data-myprice="8">
                                           <img src="http://i.imgur.com/qdiucii.png" /> Preço: 8.00
                                       </li>
                                       
                                       <li class="views desc">
                                           <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                       </li>
                                        <input type="button" class="addButton" data-item="item1" value="Comprar" />
                                    </ul>
                                     
                                 </td>
                                 
                              </tr>
                               
                              <tr id="item2" class="item">
                                 
                                 <td class="row2" style="text-align:center;width:10%;margin:5px">
                                     <span><img src="http://i.imgur.com/3vzwrxV.png" style="width:46px;height:46px;" /></span>
                                 </td>
                                 
                                 <td class="col_f_content" style="width:40%;">
                                     
                                    <h4 class="title">
                                        VIP Diamond
                                    </h4>
                                     <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                 </td>
                                 
                                 <td class="col_f_post">
                                     
                                    <ul>
                                       
                                       <li class="views desc points" data-myprice="12">
                                           <img src="http://i.imgur.com/qdiucii.png" /> Preço: 12.00
                                       </li>
                                       
                                       <li class="views desc">
                                           <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                       </li>
                                        <input type="button" class="addButton" data-item="item2" value="Comprar" />
                                    </ul>
                                     
                                 </td>
                                 
                              </tr>
                               
                              <tr id="item3" class="item">
                                 
                                 <td class="row2" style="text-align:center;width:10%;margin:5px">
                                     <span><img src="http://i.imgur.com/DrdEK0P.png" style="width:46px;height:46px;" /></span>
                                 </td>
                                 
                                 <td class="col_f_content" style="width:40%;">
                                     
                                    <h4 class="title">
                                        VIP Sócio
                                    </h4>
                                     <br /> <span class="desc lighter blend_links">Período: 1 Mês</span>
                                 </td>
                                 
                                 <td class="col_f_post">
                                     
                                    <ul>
                                       
                                       <li class="views desc points" data-myprice="20">
                                           <img src="http://i.imgur.com/qdiucii.png" /> Preço: 20.00
                                       </li>
                                       
                                       <li class="views desc">
                                           <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                       </li>
                                        <input type="button" class="addButton" data-item="item3" value="Comprar" />
                                    </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">
                               <input name="username[]" type="text" style="display:none" value="ThugLife" /><input value="Pedido da loja VIP" 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><style>
    .msg.membro {
        text-align: left;
        background: #fff;
        border: 1px solid #e0e0e0;
        padding: 9px;
    }
    #avat img {
        max-width: 150px !important;
        padding: 1px;
        border: 1px solid #d5d5d5;
        background: #fff;
        -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
        box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    }
    #reput {
        margin: 5px auto;
        min-width: 80px;
        color: #fff ;
        background: #649b16;
        font-weight: bold;
        padding: 3px 8px;
        display: inline-block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
 
 
.webstore-button.webstore-A-B-C {
border-color: #2D53AF;
background-color: #4D7BD6;
background-image: -moz-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5689DB),color-stop(100%,#4D7BD6));
background-image: -webkit-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -o-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
background-image: -ms-linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5689db,endColorstr=#4d7bd6,GradientType=0);
background-image: linear-gradient(top,#5689DB 0%,#4D7BD6 100%);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-bottom: 4px;
}
.webstore-Gf-wb {
display: inline-block;
}
.webstore-A-L-i-J-B-K {
height: 28px;
font-size: 11px;
line-height: 28px;
min-width: 170px;
}
.webstore-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid;
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
padding: 0 4px 0 4px;
-webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
-moz-box-shadow: 0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 0 0 rgba(255, 255, 255, .06) inset,0 2px 3px 0 rgba(0, 0, 0, .2);
outline: 0px;
}
.webstore-button.webstore-A-J-i-J-B-K .webstore-A-B-I, .webstore-button.webstore-A-L-i-J-B-K .webstore-A-B-I {
}
.webstore-A-B-eb-I {
width: 19px;
height: 17px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAQAAACVkV9MAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAABMAAAARAMNJ7iwAAACPSURBVCjPjZJRDsMgDENfCAfY1+5/vh2g0iRI9gG0AbUa/glGiWMZxNlB2urabcutyDnmFUAUaxc+q3WPSqiX77DUI0+xafHmD2eQRqV7WiHqFtWUe+i89CmYNAWCyYsMJP8AyBsDyohltFUOUuAHBTDqojbmOgrfm93/kBfePJZF+8ztUlcSRp3fVPb+2w/RaCkkhrW/agAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=);
}
.webstore-A-B-I-O-P {
margin-right: -7px;
margin-left: 20px;
}
.webstore-A-B-I {
position: relative;
vertical-align: text-bottom;
top: 7px;
}
.webstore-A-L-i-J-B-K {
font-size: 11px;
line-height: 28px;
}
.webstore-button {
cursor: pointer;
color: white;
font-size: 13px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
}
.webstore-A-B-o {
margin: auto;
direction: ltr;
line-height: 0px;
}
.webstore-rb-Gc
.webstore-fd-rb {
font-family: 'Open Sans',arial,sans-serif;
font-size: 14px;
}
.webstore-button.webstore-A-B-C:hover {
border-color: #4076FF;
background-color: #5C92FF;
background-image: -moz-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#669EFF),color-stop(100%,#5286FF));
background-image: -webkit-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -o-linear-gradient(top,#669EFF 0%,#5286FF 100%);
background-image: -ms-linear-gradient(top,#669EFF 0%,#5286FF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#669eff,endColorstr=#5286ff,GradientType=0);
background-image: linear-gradient(top,#669EFF 0%,#5286FF 100%);
}
<style>
#stats_sidebar {
margin: -10px;
}
.List_data li {
padding: 6px;
line-height: 1.3;
}
#stats_sidebar li {
border-bottom: 1px solid #E9EDEE;
}
#stats_sidebar .srl {
font-weight: bold;
}
#stats_sidebar .srr {
float: right;
}
</style><div style="height:4px">
</div><div id="quicknavbs" style="display:none;">
   
   <div id="navigation_popup_popup" style="z-index: 10001; top: 45.5px; left: 370.5px; position: fixed;" class="popupWrapper">
       
      <div id="navigation_popup_inner" class="popupInner" style="width: 600px;">
         
         <h3>
             Navegação Rápida
         </h3>
         
         <div class="fixed_inner ipsBox" style="height: 460px; max-height: 460px; overflow: auto;">
             <script>
jQuery(document).ready(function(){
jQuery('#main_abas').prepend(
'<ul id="navebar">      <li><a>Geral</a></li> <li><a class="active">Forums</a></li></ul>')
 
jQuery('.aba').css({
display: 'none',
marginTop: 0,
borderTopWidth: 0
})
 
jQuery('#aba2').css('display', 'block');
 
jQuery('a', jQuery('#navebar')).click(function() {
var i = jQuery('a', jQuery('#navebar')).index(this) + 1;
jQuery(this).parents('#main_abas').children('.aba:visible').hide();
jQuery('#aba' + i).show();
jQuery(this).parents('#navebar').find('a').removeClass('active');
jQuery(this).addClass('active');
})
})
</script>
            <div id="main_abas">
               
               <div id="aba1" class="aba">
                   
                  <div class="block_list">
                     
                     <li>
                         <a href="h/search?search_id=newposts">Ver Novo Conteúdo </a>
                     </li>
                     
                     <li>
                         <a href="/viewonline">Usuários Online</a>
                     </li>
                     
                     <li>
                         <a href="/memberlist">Membros Registrados</a>
                     </li>
                     
                  </div>
                   
               </div>
               
               <div id="aba2" class="aba">
                   
                  <div id="category">
                     
                  </div>
                   <script>jQuery("#category").load("/forum .main-head .page-title h2, .hierarchy");</script>
               </div>
               
            </div>
             
         </div>
         
         <div id="navigation_popup_close" class="popupClose clickable" onclick="jQuery('#quicknavbs').fadeOut();">
             <img src="http://i.imgur.com/0m7BOvG.png" alt="x" />
         </div>
         
      </div><script>
jQuery('#quickNavLaunch').click(function(){
   jQuery('#quicknavbs').fadeToggle();return false;
});
</script>
   </div><style>
div#category h2 {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #fff;
font-weight: bold;
display: block;
padding: 5px 10px;
}
div#category .hierarchy {
font-weight: normal!important;
font-size: 11px;
text-shadow: 0px 0px 0px;
background: none;
display: block;
margin-left: 0px;
border-top: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
padding: 5px 10px;
padding-left: 15px;
}
</style><style>
.popupWrapper {
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.popupInner {
background: white;
width: 500px;
overflow: auto;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
overflow-x: hidden;
}
.popupInner h3 {
background: #2C5687 url(http://i78.servimg.com/u/f78/17/96/03/52/mainti10.png) repeat-x top;
color: white;
padding: 8px 10px 9px;
font-size: 16px;
font-weight: 300;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.popupClose {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
}
.ipsBox, .ipsPad {
padding: 9px;
}
.ipsBox {
background: #eee;
}
.block_list > li {
padding: 5px 10px;
list-style-type: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #eaeaea;
}
div.aba {    
   margin-left: 153px;
   background:#fcfcfc;
   text-align:justify;
   min-height: 400px;
   border: 1px solid #dcdcdc!important;
   }
#navebar {
   border-top: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   border-left: 1px solid #dcdcdc;
   font:bold 12px tahoma,helvetica,arial,sans-serif;
   margin:0;
   float: left;
   }
#navebar li {
   display: block;
   background: #f5f5f5;
   color: #808080;
   border-bottom: 1px solid #dcdcdc;
   list-style:none;
   }
#navebar li a:hover {
  background:#f2f2f2;
  color:#808080;
   }
#navebar li a.active {
width: 135px;
position: relative;
z-index: 8000;
border-right: 2px solid #fcfcfc;
background: #fcfcfc;
color: #353535;
font-weight: bold;
}
#navebar li a {
   border-right: 1px solid #dcdcdc;
   font-weight: normal;
   cursor: pointer;
   background: #f5f5f5;
  color: #8d8d8d;
  padding: 10px 8px;
  outline: 0;
  color: #8d8d8d;
  -webkit-transition: background-color 0.1s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
   text-decoration:none;
   width:135px;
   display:block;
   }
</style>
</div><div style="height:4px">
</div><style>
a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}
 
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: black;
  border: 1px solid #2E2E2E;
  color: #444;
  text-shadow: none;
}
 
.fancybox-bottom {
  background: #f0f0f0;
  border-top: 1px solid white;
  line-height: 38px;
  height: 38px;
  color: rgb(124, 124, 124);
  text-align: center;
  font-weight: bold;
}
 
.fancybox-opened {
  z-index: 930;
}
 
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
 
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
 
.fancybox-inner {
  overflow: hidden;
}
 
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
 
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}
 
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
 
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
 
#fancybox-loading, .fancybox-prev span, .fancybox-next span {
  background-image: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}
 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('http://i45.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
 
.fancybox-close {
  background: url(https://cdn1.iconfinder.com/data/icons/customicondesign-mini-deepcolour-png/32/Close.png) no-repeat;
  right: 21px;
  bottom: 18px;
  cursor: pointer;
  height: 32px;
  position: absolute;
  text-indent: -9999px;
  width: 32px;
}
 
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('http://i45.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}
 
.fancybox-prev {
  left: 0;
}
 
.fancybox-next {
  right: 0;
}
 
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}
 
.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}
 
.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}
 
.fancybox-nav:hover span {
  visibility: visible;
}
 
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
 
/* Overlay helper */
 
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: rgb(0, 0, 0);
}
 
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
/* Title helper */
 
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}
 
.fancybox-opened .fancybox-title {
  visibility: visible;
}
 
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}
 
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
 
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
 
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
 
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
/*ajax load*/
#ajax_loading {background: #000;color: #fff;text-align: center;padding: 5px 0 8px;width: 8%;top: 0px;left: 46%;-moz-border-radius: 0 0 5px 5px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-radius: 0 0 5px 5px;z-index: 10000;position: fixed;-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);box-shadow: 0px 3px 5px rgba(0,0,0,0.2);opacity: 0.6;}
/*tópico-fast*/
#form-tpc {
position: absolute;
z-index: 1;
background-color: #464646;
background-color: rgba(70, 70, 70, 0.6);
padding: 4px;
-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
right: 271px;
width: 540px;
}
#form-tpc input[type="text"], #form-tpc textarea {
font-family: 'Segoe UI Web Light', 'Segoe UI Light', 'Segoe UI Web Regular', 'Segoe UI', 'Segoe UI Symbol', 'Helvetica Neue', Arial;
margin: 3px;
outline: none;
width: 97%;background: #FCFCFC;
border: 1px solid #D4D4D4;
box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
color: #9F9F9F;
display: block;
font-size: 16px;
font-weight: 700;
padding: 5px;
text-shadow: white 0 1px 0;
}
#form-tpc textarea {
height: 100px;
}
#form-tpc input[type="text"]:focus, #form-tpc textarea:focus {
-moz-box-shadow: inset 0 0 4px #f7d5d5, #fdd 0 0 3px;
-webkit-box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
background-color: #FEFEFE;
border-color: #3FA6E4;
box-shadow: inset 0 0 4px #F7D5D5, #FDD 0 0 3px;
color: #555;
outline: none;
}
.tpc-content {float: right;}
.text {
display: none;
}
.tpc-button a {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #5c5c5c, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
background: #3A4752 url(http://i78.servimg.com/u/f78/17/96/03/52/primar12.png) repeat-x top;
border: 1px solid #3A4752;
border-radius: 3px;
border-width: 1px 1px 0;
box-shadow: inset 0 1px 0 0 #5C5C5C, 0 2px 3px rgba(0, 0, 0, 0.2);
cursor: pointer;
display: inline-block;
font-weight: 700;
line-height: 30px;
height: 30px;
min-width: 125px;
padding: 0 10px;
text-align: center;
color: white;
}
.tpc-button a:active {
position: relative;
top: 1px;
}
/*share post*/
#postShareUrl {
width: 95%;
font-size: 18px;
color: #999;
}
.pun .posthead h2 strong {
cursor: pointer;
}
.share-buttons {
margin: 11px;
}</style>

Ele fica desta maneira no forum
https://i.gyazo.com/0a07e0435386bad86c21a5a1711eca4f.png

[Harleen]

Olá troque o código por esse

Código:

<div class="message" style="margin:10px">
    A compra de creditos ainda não se encontra disponivel. Por favor tenha paciência.
</div>
<title>Loja</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta http-equiv="content-style-type" content="text/css"/>
<link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png"/>
<meta name="title" content="Loja" />
<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>
<style type="text/css">
.cart_items, #checkout {
    background: white none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    margin: 2px 10px;
    padding: 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li::before {
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgb(245, 93, 8);
    border-top: 5px solid transparent;
    content: " ";
    display: inline-block;
    height: 1px;
    left: -14px;
    margin: 0 !important;
    position: relative;
    top: 1px !important;
    width: 7px;
}
.theList li {
    background: rgb(245, 93, 8) none repeat scroll 0 0;
    border-radius: 3px 5px 5px 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font: italic bold 12px helvetica;
    list-style-type: upper-hexadecimal;
    margin: 1px 3px;
    padding: 2px 10px 2px 2px;
}
.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;
}
input[type="button"] {
 margin: 5px;
}
.row2{ background-color: transparent !important;}
.Tabs.Layout_smallleft ul {padding: 0px;}
.myc {cursor: pointer;}
#abas1 h4.title {font-size: 17px;color: rgb(22, 74, 145);}
span.totaler {
background: rgb(245, 241, 220);
border: 1px solid rgb(193, 196, 0);
padding: 4px;
margin-left: 10px;
color: rgb(147, 147, 11);
}
</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">
                          <center>Para comprar um produto necessitará de ter as moedas suficientes, relativamente ao preço do desejado. Após a compra de um produto terá de aguardar um periodo de 1 a 24 horas<br />
                          </center>
                         
                        </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://www.explorergirls.com/themes/explorergirls/images/content/vip_big.gif" style="width:46px;height:46px;" /></span>
                                </td>
                               
                                <td class="col_f_content" style="width:40%;">
                                   
                                    <h4 class="title">
                                        VIP
                                    </h4>
                                    <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                </td>
                               
                                <td class="col_f_post">
                                   
                                    <ul>
                                     
                                      <li class="views desc points" data-myprice="8">
                                          <img src="http://i.imgur.com/qdiucii.png" /> Preço: 8.00
                                      </li>
                                     
                                      <li class="views desc">
                                          <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                      </li>
                                        <input type="button" class="addButton" data-item="item1" value="Comprar" />
                                    </ul>
                                   
                                </td>
                               
                              </tr>
                             
                              <tr id="item2" class="item">
                               
                                <td class="row2" style="text-align:center;width:10%;margin:5px">
                                    <span><img src="http://i.imgur.com/3vzwrxV.png" style="width:46px;height:46px;" /></span>
                                </td>
                               
                                <td class="col_f_content" style="width:40%;">
                                   
                                    <h4 class="title">
                                        VIP Diamond
                                    </h4>
                                    <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                </td>
                               
                                <td class="col_f_post">
                                   
                                    <ul>
                                     
                                      <li class="views desc points" data-myprice="12">
                                          <img src="http://i.imgur.com/qdiucii.png" /> Preço: 12.00
                                      </li>
                                     
                                      <li class="views desc">
                                          <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                      </li>
                                        <input type="button" class="addButton" data-item="item2" value="Comprar" />
                                    </ul>
                                   
                                </td>
                               
                              </tr>
                             
                              <tr id="item3" class="item">
                               
                                <td class="row2" style="text-align:center;width:10%;margin:5px">
                                    <span><img src="http://i.imgur.com/DrdEK0P.png" style="width:46px;height:46px;" /></span>
                                </td>
                               
                                <td class="col_f_content" style="width:40%;">
                                   
                                    <h4 class="title">
                                        VIP Sócio
                                    </h4>
                                    <br /> <span class="desc lighter blend_links">Período: 1 Mês</span>
                                </td>
                               
                                <td class="col_f_post">
                                   
                                    <ul>
                                     
                                      <li class="views desc points" data-myprice="20">
                                          <img src="http://i.imgur.com/qdiucii.png" /> Preço: 20.00
                                      </li>
                                     
                                      <li class="views desc">
                                          <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                      </li>
                                        <input type="button" class="addButton" data-item="item3" value="Comprar" />
                                    </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>
                            <br/>
                              <span class="totaler"></span>
                          </div>
                                              <br/>
                        <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            -->
                          <form id="privatemessage" action="/privmsg" method="post" name="post">
                            <!--NOME DOS ADMINISTRADORES -->
                              <input name="username[]" type="text" style="display:none" value="Admin Estagiscravo" />
                            <input name="username[]" type="text" style="display:none" value="ADM Mess"/>
                              <input name="username[]" type="text" style="display:none" value="ADM Pandy"/>
                        <!--NOME DOS ADMINISTRADORES-->
                            <input value="Pedido da loja" 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>
             
            </div>
           
        </div>
       
      </div>
     
  </div>
</div>

Resulta?

Até mais

[Heishiro]

resolveu.. muitissimo obrigado cara vlw msm
S2

[while]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".