Detalhes da questão

Endereço do fórum: https://cloverproject.forumeiros.com/
Versão do fórum: phpBB3

Descrição

Olá gente, eu estou com uma dúvida, mais para um pedido, eu tentei modificar um código que foi disponibilizado no fórum, o código é de uma página HTML que cria uma loja para seu fórum, eu entendo um pouco de HTML e CSS, mas eu não consegui implementar na página, quem puder me ajudar ficaria muito grato.

A página é: https://cloverproject.forumeiros.com/h2-season-shop
A página é essa:


Gostaria de deixar os items da seguinte forma:


Aqui está o código da página HTML:

Código:

<script type="text/javascript">
              $(function() {
              var produtos = {
          
          
                'Gold Star': {
                    icone: 'https://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: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
                    preco: '250',
                    descricao: 'Pokemón tipo fogo'
                }
          
          
              };
          
          
              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="https://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('/post', {
                        'mode': 'reply',
                        'post': 'Enviar',
                        't': '5',
                        '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>

Aqui está o código que eu criei na tentativa frustrada de mudar:

Código:

<div class="box"><div class="icon">[img]https://i.imgur.com/taaL40o.png[/img]</div>
<div class="nome">Gold Star</div>
<div class="desc">Estrela de ouro</div>
<div class="preco">100 crédito</div>
<div class="botao">Comprar</div></div>

Este código é apenas a base, eu tentei mudar as variáveis do código da página.

Caso necessário, tenho o css do código que fiz acima:

Código:

.box {
 border: 1px solid #333533;
 width: 160px;
 border-radius: 6px;
 background: #393c39;
 float: left;
 margin: 5px;
}

.icon {
 background: green;
 width: 110px;
 height: 110px;
 margin: 10px 10px 10px 25px;
}

.icon img {
 width: 110px;
}

.nome {
 text-align: center;
 margin-top: -20px;
 font-size: 14px;
 font-family: Raleway;
}

.desc {
 background: #535753ad;
 margin: 10px;
 margin-top: 10px;
 margin-top: -10px;
 padding: 4px;
 font-size: 10px;
 border-radius: 4px;
 height: 80px;
}

.preco {
 background: green;
 width: 71px;
 padding: 2px;
 margin-top: -20px;
 margin-left: 10px;
 font-size: 10px;
 text-align: center;
}

.botao {
 background: green;
 width: 53px;
 padding: 2px;
 margin-left: 10px;
 float: right;
 margin-right: 10px;
 font-size: 10px;
 margin-top: -40px;
 height: 18px;
 text-align: center;
}

Olá,

Substitua o código HTML por esse

Código:

<script type="text/javascript">
              $(function() {
              var produtos = {
         
         
                'Gold Star': {
                    icone: 'https://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: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
                    preco: '250',
                    descricao: 'Pokemón tipo fogo'
                }
         
         
              };
         
         
              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="https://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('/post', {
                        'mode': 'reply',
                        'post': 'Enviar',
                        't': '5',
                        '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">
<tr class="item">  <td class="icone" style="width: 10%;"><img src="https://i.imgur.com/taaL40o.png"></td>  <td style="width: 50%;"><strong class="nome">Gold Star</strong><br><br>Stars WHOA</td>  <td>  <ul>  <li class="preco" data-myprice="200"><img src="https://i.imgur.com/qdiucii.png"> Preço: 200 pontos</li>  <br>  <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></li>  </ul>  </td></tr>
  <tr class="item">  <td class="icone" style="width: 10%;"><img src="https://i.imgur.com/taaL40o.png"></td>  <td style="width: 50%;"><strong class="nome">Gold Star</strong><br><br>Stars WHOA</td>  <td>  <ul>  <li class="preco" data-myprice="200"><img src="https://i.imgur.com/qdiucii.png"> Preço: 200 pontos</li>  <br>  <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></li>  </ul>  </td></tr>
    <tr class="item">  <td class="icone" style="width: 10%;"><img src="https://i.imgur.com/taaL40o.png"></td>  <td style="width: 50%;"><strong class="nome">Gold Star</strong><br><br>Stars WHOA</td>  <td>  <ul>  <li class="preco" data-myprice="200"><img src="https://i.imgur.com/qdiucii.png"> Preço: 200 pontos</li>  <br>  <li><input type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></li>  </ul>  </td></tr>
          </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>
<style>
  .box {
 border: 1px solid #333533;
 width: 160px;
 border-radius: 6px;
 background: #393c39;
 float: left;
 margin: 5px;
}
 
.icon {
 background: green;
 width: 110px;
 height: 110px;
 margin: 10px 10px 10px 25px;
}
 
.icon img {
 width: 110px;
}
 
.nome {
 text-align: center;
 margin-top: -20px;
 font-size: 14px;
 font-family: Raleway;
}
 
.desc {
 background: #535753ad;
 margin: 10px;
 margin-top: 10px;
 margin-top: -10px;
 padding: 4px;
 font-size: 10px;
 border-radius: 4px;
 height: 80px;
}
 
.preco {
 background: green;
 width: 71px;
 padding: 2px;
 margin-top: -20px;
 margin-left: 10px;
 font-size: 10px;
 text-align: center;
}
 
.botao {
 background: green;
 width: 53px;
 padding: 2px;
 margin-left: 10px;
 float: right;
 margin-right: 10px;
 font-size: 10px;
 margin-top: -40px;
 height: 18px;
 text-align: center;
}
  tbody.itens {
    display: flex;
}
tr.item {
    display: inline-grid;
}

</style>

Até mais!

Olá Aquiles, olha como ficou.

https://cloverproject.forumeiros.com/h2-teste-loja

Olá,

Parece que você copiou algumas coisas além do código, poderia conferir lá e ajeitar?

Até mais!

AquilesD. escreveu:Olá,

Parece que você copiou algumas coisas além do código, poderia conferir lá e ajeitar?

Até mais!

Acabei de conferir, o código é o mesmo que você postou.

Se quiser lhe passo o código da minha loja, eu mesmo personalizei. Veja abaixo.

https://somosmugiwara.forumeiros.com/h102-

Connor R. escreveu:Se quiser lhe passo o código da minha loja, eu mesmo personalizei. Veja abaixo.

https://somosmugiwara.forumeiros.com/h102-

Faria isso? Ficaria muito grato!

Agora uso uma fonte especial para ícones, basta procurar no css o before e after. O pedido é postado em um fórum especifico, não é por mp. Se ficar estranho basta pedir aqui que eu altero.

Código:


<script type="text/javascript">
      $(function() {
      var produtos = {
  
  
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
  
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
  
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
  
  
      };
  
  
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 .row_data div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style>    
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                            
<table class="content">
                                                                                                   <tbody class="itens"></tbody>    
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                            
 <!--                               Cabeçalho Grande                               --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>  
</div>
                                                                                            
<div id="cart">
                                                                                                                                                                                        
 <div class="cart">
                                                                                                                                                                        
 </div>
                                                                                                                                        
</div>
                                        
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                            
<div class="daemon">
                                                                                                                                              
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                                
 </button>
                                                                                                      
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                              
 </button>
                                                                                                    
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                            
 <!--                               Cabeçalho Grande                               --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>  
</div>


Connor R. escreveu:Agora uso uma fonte especial para ícones, basta procurar no css o before e after. O pedido é postado em um fórum especifico, não é por mp. Se ficar estranho basta pedir aqui que eu altero.

Código:


<script type="text/javascript">
      $(function() {
      var produtos = {
  
  
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
  
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
  
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
  
  
      };
  
  
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 .row_data div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style>    
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                            
<table class="content">
                                                                                                   <tbody class="itens"></tbody>    
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                            
 <!--                               Cabeçalho Grande                               --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>  
</div>
                                                                                            
<div id="cart">
                                                                                                                                                                                        
 <div class="cart">
                                                                                                                                                                        
 </div>
                                                                                                                                        
</div>
                                        
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                            
<div class="daemon">
                                                                                                                                              
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                                
 </button>
                                                                                                      
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                              
 </button>
                                                                                                    
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                            
 <!--                               Cabeçalho Grande                               --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>  
</div>


Muito obrigado Connor, eu consigo editar do jeito que tá, meu problema era encaixar uma coisa em cada div/class. Obrigado mesmo.

Suave então, até mais.

Connor R. escreveu:Suave então, até mais.

A loja não está funcionando, não contabiliza os créditos do usuário e não realiza compra, alguma configuração diferente?

Yo man, me manda o link da loja para eu dá uma olhada, mas creio que seja apenas uma modificação para puxar a informação correta dos pontos do usuário.

Os pontos estão ativo no seu fórum?

Connor R. escreveu:Yo man, me manda o link da loja para eu dá uma olhada, mas creio que seja apenas uma modificação para puxar a informação correta dos pontos do usuário.

Os pontos estão ativo no seu fórum?

Sim os pontos estão ativos, aqui está...
https://cloverproject.forumeiros.com/h2-clover-shop

Coloque para que os mesmo sejam visíveis no perfil do membro.

Edit: Vi agora que seriam os créditos, seu perfil avançado está bugado. Mas abaixo segue o código.

Código:


 
<script type="text/javascript">
      $(function() {
      var produtos = {
 
 
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
 
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
 
 
      };
 
 
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 dl dd div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style>   
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                           
<table class="content">
                                                                                                  <tbody class="itens"></tbody>   
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                           
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> 
</div>
                                                                                           
<div id="cart">
                                                                                                                                                                                       
 <div class="cart">
                                                                                                                                                                       
 </div>
                                                                                                                                       
</div>
                                       
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                           
<div class="daemon">
                                                                                                                                             
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                               
 </button>
                                                                                                     
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                             
 </button>
                                                                                                   
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                           
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script> 
</div>


Connor R. escreveu:Coloque para que os mesmo sejam visíveis no perfil do membro.

Já está.

Editei a mensagem acima.

Connor R. escreveu:Editei a mensagem acima.

Erro ainda permanece, já até desativei perfil avançado, mas, não acontece nada.

Tente este para o perfil avançado desativado.

Código:


 
 
<script type="text/javascript">
      $(function() {
      var produtos = {
 
 
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
 
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
 
 
      };
 
 
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 dd div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style> 
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                         
<table class="content">
                                                                                                  <tbody class="itens"></tbody> 
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                         
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
                                                                                         
<div id="cart">
                                                                                                                                                                                     
 <div class="cart">
                                                                                                                                                                     
 </div>
                                                                                                                                     
</div>
                                     
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                         
<div class="daemon">
                                                                                                                                           
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                             
 </button>
                                                                                                   
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                           
 </button>
                                                                                                 
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                         
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


Connor R. escreveu:Tente este para o perfil avançado desativado.

Código:


 
 
<script type="text/javascript">
      $(function() {
      var produtos = {
 
 
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
 
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
 
 
      };
 
 
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 dd div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style>  
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                          
<table class="content">
                                                                                                  <tbody class="itens"></tbody>  
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                          
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
                                                                                          
<div id="cart">
                                                                                                                                                                                      
 <div class="cart">
                                                                                                                                                                      
 </div>
                                                                                                                                      
</div>
                                      
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                          
<div class="daemon">
                                                                                                                                            
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                              
 </button>
                                                                                                    
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                            
 </button>
                                                                                                  
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                          
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


haha, agora mostra tudo, meus pontos, valor total, mas quando envia pedido dá erro 404.

Em qual página html? Na h2?

Edit: Ative o perfil avançado.

Sim, h2, mesmo com/sem perfil avançando não está funcionando, to achando que vou deixar o padrão.

Eu testei está funcionando, no perfil avançado. Me explica com detalhes.

Connor R. escreveu:Eu testei  está funcionando, no perfil avançado. Me explica com detalhes.

Depois de escolher o que eu quero, quando eu clico em "Enviar Pedido" sou direcionado para esta página:
https://cloverproject.forumeiros.com/undefined

Edit: Opa, eu consegui, é por que quando compra tem que responder um tópico e eu não tinha criado.

Uma coisa só, se não for muito incomodo, na resposta a mensagem vem corrida >

Helmet: 250 pontosnHelmet: 250 pontosnHelmet: 250 pontosnHelmet: 250 pontosnnnValor total: 1000 pontos

o que tenho que fazer para pular a linha e tirar esse "n" entre os items?

E não consigo adicionar novos items.

Vamos por partes, como não consegue adicionar novos itens? O que está fazendo para adicionar novos itens?

Mas para adicionar novos itens o nome deve ser diferente, vi que colocou mais alguns chamanders, porém com o mesmo nome.

Quanto à outra questão, me mostre como fica na mensagem do tópico.

Connor R. escreveu:Vamos por partes, como não consegue adicionar novos itens? O que está fazendo para adicionar novos itens?

Mas para adicionar novos itens o nome deve ser diferente, vi que colocou mais alguns chamanders, porém com o mesmo nome.

Quanto à outra questão, me mostre como fica na mensagem do tópico.

Está indo assim.

Edit: Consegui resolver a questão sobre adição de novos items.

Olá, tente isto abaixo.

Código:


 
 
 
<script type="text/javascript">
      $(function() {
      var produtos = {
 
 
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
 
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
 
 
      };
 
 
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 dd div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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<br>";
            total += preco;
          });
          texto += '<br><br>[b]Valor total:[/b] ' + total + ' pontos';
          $.post('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style> 
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                         
<table class="content">
                                                                                                  <tbody class="itens"></tbody> 
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                         
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
                                                                                         
<div id="cart">
                                                                                                                                                                                     
 <div class="cart">
                                                                                                                                                                     
 </div>
                                                                                                                                     
</div>
                                     
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                         
<div class="daemon">
                                                                                                                                           
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                             
 </button>
                                                                                                   
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                           
 </button>
                                                                                                 
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                         
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


Connor R. escreveu:Olá, tente isto abaixo.

Código:


 
 
 
<script type="text/javascript">
      $(function() {
      var produtos = {
 
 
        'Boné da Marinha': {
            icone: 'https://i.imgur.com/5DK7xHe.png',
            preco: '100',
            status: 'A Venda',
            descricao: 'Bônus de 5 aparência<br>Apenas para Marinheiros',
            slot: 'new'
        },
 'Chapéu de Capitão': {
            icone: 'https://i.imgur.com/e9onsbS.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Slot Cabeça<br>Bônus de 10 aparência',
            slot: 'new'
        },
 'Gold Star 5': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 0': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 2': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 'Gold Star 3': {
            icone: 'https://i.imgur.com/taaL40o.png',
            preco: '200',
            status: 'A Venda',
            descricao: 'Stars WHOA',
            slot: 'new'
        },
 
        'Helmet': {
            icone: 'http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Capacete de batalha'
        },
 
        'Charmander': {
            icone: 'https://i.servimg.com/u/f72/18/07/42/17/shop_i33.png',
            preco: '250',
            status: 'A Venda',
            descricao: 'Pokemón tipo fogo'
        }
 
 
      };
 
 
      var content = $('.content .itens');
          $.each(produtos, function (key, value) {
              content.append(
              '<tr class="item1">' +
              '  <td class="icone"><img src="' + value.icone + '" /></td>' +
              '  <td><strong class="nome">' + key + '</strong><i class="itemdesc"><div class="' + value.slot + '"></div>' + value.descricao + '</i></td>' +
              '  <td>' +
              '  <ul>' +
              '  <li><span class="preco" title="' + value.preco + ' Cash" data-myprice="' + value.preco + '">' + value.preco + '</span><span class="istatus">' + value.status + '</span></li>' +
              '  <li><button class="itembut" type="button" onclick="addToCart(this)" value="Adicionar ao carrinho"></button></li>' +
        '  </ul>' +
              '  </td>' +
              '</tr>'
              );
          });
          $.ajax({
            url: '/u' + _userdata.user_id,
            type: 'GET',
            success: function(responseHtml)
            {
            var myPoints = $('#field_id-13 dd div', responseHtml).text();
            $('.myPoints').html('Você possui um total de <span class="totalPoints">' + myPoints + '</span> Cash');
            },
            error: function(err)
            {
              console.log("AJAX error in request (Store points)");
            }
          });
      });
      var $total = 0;
      function addToCart(item) {
        var getItem = $(item).parents('.item1').find('.nome').text();
        var getPrice = parseInt($(item).parents('.item1').find('.preco').attr('data-myprice'));
        $total += getPrice;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $('.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('Suas compras totalizaram um valor de <span class="totalVal">' + $total + '</span> Cash');
        $(item).remove();
      }
      function resetItems() {
        $('.cart').empty();
        $total = 0;
        $('.total').html('Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash');;
      }
      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<br>";
            total += preco;
          });
          texto += '<br><br>[b]Valor total:[/b] ' + total + ' pontos';
          $.post('/post', {
                'mode': 'reply',
                'post': '1',
                't': '24',
                'subject': 'Pedido da loja',
                'message': texto
          }).done(function(e) {
            var href = $(e).find('a[href^="/viewtopic"]').attr('href');
            location.href = href;
          });
          } 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%;
    }
.itemdesc{height: 28px;margin: 5px 0 0;
    padding-bottom: 5px;
    font-size: 11px;
    display: block;
    border-bottom: 1px solid #ddd}
    .itens .nome {color: #fff;
    padding: 5px 10px;display: block;
    font-size: 12px}
    .itens .icone {
    padding: 10px 0
    }
.cart:before{    content: "Carrinho de compras:";
    text-transform: uppercase;
    padding: 5.3px;
    font-size: 12px;
    float: left;
    font-weight: 700;
    background: #333;
    color: #fff;
    border-radius: 2px}
    .itens .icone img {
      height: 50px;
      width: 50px;
    }
.totalPoints,.totalVal{    padding: 10px;
    background: #ffffff;
    color: #002c54;
    font-weight: 700;
    margin: 0 5px}
button.itembut:after {
    content: "Adicionar ao carrinho";
    font-weight: 700;
    color: #fff;
    font-size: 11px;
}
.preco:before {
    content: "\f0d6";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    padding-right: 5px
}
button.itembut:before {
    content: "\f07a";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 10px;
}
.istatus{width: 50%;
    float: right;
    text-align: center;
    background: #808080;
    color: #fff;
    text-transform: uppercase;
    padding: 2px 5px;
    font-size: 10px}
    .item-cart {display:inline-block;
      background: #002c54;
      margin: 0 4px;
      cursor: pointer;
      font-weight: bold;
      padding: 5px;
      color: white;
      border-radius: 2px;
    }
    table.content tr td {padding: 0;width:100%;display:inline-block;text-align: center;background: #f0f0f0;border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0}
    .itens ul li {list-style-type: none;}
    .daemon {
      text-align: center;
      padding: 2px;
    }
.preco{color: #fff;
    float: left;
    text-align: center;
    padding: 2px 5px;
    width: 50%}
.anun970{width: 970px;
    margin: 10px auto;
    padding: 4px}
.itembut:hover{opacity: 1}
.itembut{opacity: .9; width: 100%;
    padding: 10px;
    margin: 5px 0 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px}
.daemon,.item1,.itens .nome,.preco,.itembut{border-color:#004c92;background:#004c92}
.item1{border-top-width: 10px;
    border-top-style: groove;
    margin: 5px 3px;
    width: 231.6px;
    display: inline-block}
.cart:after{float:right;font-size:10px;content:"Clique no x para excluir o item do carrinho."}
.item-cart:before {
content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    padding-right: 5px;
}
.butenviar:hover,.butreset:hover{opacity:1}
.butenviar,.butreset{opacity:.9;font-size: 10px;padding: 10px;border-radius:2px;    color: #fff;
    text-transform: uppercase;letter-spacing: 1px;
    margin: 0 5px 10px;
    font-weight: 700}
.butenviar{background: #87c214 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.butreset{background: #eb4337 url(https://i.servimg.com/u/f74/18/12/37/46/highli11.png) repeat-x 0 0}
.cart {
      background: white;
      min-height: 41px;
      padding: 5px;
      border: 1px solid #ddd;
    }
.new{width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    margin-top: -11px;
    margin-left: -6px;
    background: url(https://i.imgur.com/Hkv3JUC.png)}
    .total, .myPoints {text-transform: uppercase;
    font-size: 11px;
    margin-top: 5px;
    display: block;
    font-weight: 700;
    width: 50%;
    float: left;
    padding: 5px;
    background: #002c54;
    margin: 10px 0;
    text-align: center;
    color: #fff;
    height: 26px}
    </style>  
<div class="daemon">
                        <span style="color: #004c92;font-size: 28px;font-weight: bold;background: #fff;padding: 5px;text-transform: uppercase;">Mugiwara Shop Equip</span><span style="color: white;font-size: 15px;font-weight: bold;margin-left: 10px;">A melhor loja de equipamentos para o seu personagem.</span>
</div>
                                                                                          
<table class="content">
                                                                                                  <tbody class="itens"></tbody>  
</table>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                          
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
                                                                                          
<div id="cart">
                                                                                                                                                                                      
 <div class="cart">
                                                                                                                                                                      
 </div>
                                                                                                                                      
</div>
                                      
<div>
                                        <span class="myPoints"> </span>      <span class="total">Suas compras totalizaram um valor de <span class="totalVal">0</span> Cash</span>
</div>
                                                                                          
<div class="daemon">
                                                                                                                                            
 <button type="button" value="Enviar Pedido" onclick="buyItems()" class="butenviar">
                                                Enviar Pedido                                              
 </button>
                                                                                                    
 <button type="button" value="Resetar Carrinho" onclick="resetItems()" class="butreset">
                                                Resetar Carrinho                                            
 </button>
                                                                                                  
</div>
<div class="anun970">
                                    <script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>                          
 <!--                              Cabeçalho Grande                              --><ins class="adsbygoogle" style="display:inline-block;width:970px;height:90px" data-ad-client="ca-pub-2720529644880550" data-ad-slot="9400812425"></ins><script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>


Funcionou perfeitamente, você é o cara. Muito obrigado.

Tudo certo mano, clica no obrigado aeee. Depois fazemos uma parceria nos fóruns.