Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

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


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

Fóruns de suporte oficiais


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Postagem com capa
Hoje à(s) 18:31 por ™David™

» Criar tags BBcode
Hoje à(s) 18:29 por sandra51

» Participe da Pesquisa de satisfação 2016
Hoje à(s) 16:50 por Luiz~

» Permitir HTML nas postagens
Hoje à(s) 15:31 por Cream

» Conteúdo dos perfis não aparecem
Hoje à(s) 15:30 por Cream

» [Logo] Policia Habbo
Hoje à(s) 14:51 por Shek Crowley

» [Logo] Laranja - Médio - Texto marrom
Hoje à(s) 14:45 por Shek Crowley

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
100 usuários online :: 4 usuários cadastrados, Nenhum Invisível e 96 Visitantes :: 2 Motores de busca

™David™, sandra51, Uatyla, VGArt

[ Ver toda a lista ]


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

Gerir loja no fórum

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

Resolvido Gerir loja no fórum

Mensagem por Heishiro em Sex 9 Set 2016 - 1:26

Detalhes da questão


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

Descrição


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

segue anexo o codigo que encontrei.

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

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

Heishiro
Nível 2

Masculino
Inscrito dia : 06/09/2016
Mensagens : 11
Pontos Ativos : 109

http://fairytailimmortal.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por Sennior em Sex 9 Set 2016 - 10:46

Saudações!

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

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

Mais alguma dúvida?
Abraços.


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16227
Pontos Ativos : 22713

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

Resolvido Re: Gerir loja no fórum

Mensagem por Heishiro em Sex 9 Set 2016 - 13:25

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


desde ja
Grato

Heishiro
Nível 2

Masculino
Inscrito dia : 06/09/2016
Mensagens : 11
Pontos Ativos : 109

http://fairytailimmortal.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por Harleen em Sex 9 Set 2016 - 16:03

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

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

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

Até mais

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 555
Pontos Ativos : 2443

http://antenadogames.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por Heishiro em Sab 10 Set 2016 - 1:08

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


Última edição por Heishiro em Sab 10 Set 2016 - 1:57, editado 1 vez(es)

Heishiro
Nível 2

Masculino
Inscrito dia : 06/09/2016
Mensagens : 11
Pontos Ativos : 109

http://fairytailimmortal.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por Heishiro em Sab 10 Set 2016 - 1:55

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

Código:

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


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

Heishiro
Nível 2

Masculino
Inscrito dia : 06/09/2016
Mensagens : 11
Pontos Ativos : 109

http://fairytailimmortal.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por Harleen em Sab 10 Set 2016 - 15:30

Olá troque o código por esse
Código:
<div class="message" style="margin:10px">
    A compra de creditos ainda não se encontra disponivel. Por favor tenha paciência.
</div>
<title>Loja</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta http-equiv="content-style-type" content="text/css"/>
<link rel="shortcut icon" type="image/x-icon" href="http://cdn5.iconfinder.com/data/icons/fatcow/32x32/skins.png"/>
<meta name="title" content="Loja" />
<link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"/>
<script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script>
<script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery('.Tabs li').click(function(){
                jQuery('.Tabs li').removeClass('active');
                jQuery(this).addClass('active');
                jQuery(this).find('a');
 return false;
        });
jQuery('a.all_itens').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas1').show();
                });
jQuery('a.all_pay').click(function(){
                    jQuery('.abas').hide();
                    jQuery('#abas2').show();
                });
});
</script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
 
$('.addButton').click(function (){
    var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
 
function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;
 
$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));
 
  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";
 
  total += points;
});
 
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<style type="text/css">
.cart_items, #checkout {
    background: white none repeat scroll 0 0;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    margin: 2px 10px;
    padding: 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li::before {
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgb(245, 93, 8);
    border-top: 5px solid transparent;
    content: " ";
    display: inline-block;
    height: 1px;
    left: -14px;
    margin: 0 !important;
    position: relative;
    top: 1px !important;
    width: 7px;
}
.theList li {
    background: rgb(245, 93, 8) none repeat scroll 0 0;
    border-radius: 3px 5px 5px 3px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font: italic bold 12px helvetica;
    list-style-type: upper-hexadecimal;
    margin: 1px 3px;
    padding: 2px 10px 2px 2px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {background: white;}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 140px;
margin-left: -150px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.Tabs li {
background: #f6f8fb;
color: #808080;
border-bottom: 1px solid #DBE4EF;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
border-right: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
font-weight: bold;
}
.Tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
color: #8d8d8d;
border-right: 1px solid #DBE4EF;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: #eaeff5;
color: #808080;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #ebfcdf;
padding: 10px;
border: 1px solid #a4cfa4;
color: #0e440e;
line-height: 1.6;
font-size: 12px;
}
input[type="button"] {
 margin: 5px;
}
.row2{ background-color: transparent !important;}
.Tabs.Layout_smallleft ul {padding: 0px;}
.myc {cursor: pointer;}
#abas1 h4.title {font-size: 17px;color: rgb(22, 74, 145);}
span.totaler {
background: rgb(245, 241, 220);
border: 1px solid rgb(193, 196, 0);
padding: 4px;
margin-left: 10px;
color: rgb(147, 147, 11);
}
</style>
<div class="main">
 
  <div class="main-head">
     
      <div class="page-title">
       
        <h2>
            Loja
        </h2>
       
      </div>
     
  </div>
 
  <div class="main-content cont">
     
      <div class="LayoutLeft clearfix">
       
        <div class="Tabs Layout_smallleft">
           
            <ul>
             
              <li class="active">
                  <a href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
              </li>
             
              <li>
                  <a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
              </li>
             
            </ul>
           
        </div>
       
        <div id="usercp_content">
           
            <div class="box_r">
             
              <div class="box_t">
                 
                  <!--            Início aba 1            -->
                  <div id="abas1" class="abas">
                   
                    <div class="box_r">
                       
                        <div class="message" style="margin:10px">
                          <center>Para comprar um produto necessitará de ter as moedas suficientes, relativamente ao preço do desejado. Após a compra de um produto terá de aguardar um periodo de 1 a 24 horas<br />
                          </center>
                         
                        </div>
                       
                        <div class="main-head">
                         
                          <div class="page-title">
                             
                              <h2>
                                  Ítens
                              </h2>
                             
                          </div>
                         
                        </div>
                       
                        <table cellspacing="0" class="table">
                         
                          <tbody class="statused">
                             
                              <tr id="item1" class="item">
                               
                                <td class="row2" style="text-align:center;width:10%;margin:5px">
                                    <span><img src="http://www.explorergirls.com/themes/explorergirls/images/content/vip_big.gif" style="width:46px;height:46px;" /></span>
                                </td>
                               
                                <td class="col_f_content" style="width:40%;">
                                   
                                    <h4 class="title">
                                        VIP
                                    </h4>
                                    <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                </td>
                               
                                <td class="col_f_post">
                                   
                                    <ul>
                                     
                                      <li class="views desc points" data-myprice="8">
                                          <img src="http://i.imgur.com/qdiucii.png" /> Preço: 8.00
                                      </li>
                                     
                                      <li class="views desc">
                                          <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                      </li>
                                        <input type="button" class="addButton" data-item="item1" value="Comprar" />
                                    </ul>
                                   
                                </td>
                               
                              </tr>
                             
                              <tr id="item2" class="item">
                               
                                <td class="row2" style="text-align:center;width:10%;margin:5px">
                                    <span><img src="http://i.imgur.com/3vzwrxV.png" style="width:46px;height:46px;" /></span>
                                </td>
                               
                                <td class="col_f_content" style="width:40%;">
                                   
                                    <h4 class="title">
                                        VIP Diamond
                                    </h4>
                                    <br /> <span class="desc lighter blend_links">Período: 1 Mês </span>
                                </td>
                               
                                <td class="col_f_post">
                                   
                                    <ul>
                                     
                                      <li class="views desc points" data-myprice="12">
                                          <img src="http://i.imgur.com/qdiucii.png" /> Preço: 12.00
                                      </li>
                                     
                                      <li class="views desc">
                                          <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                      </li>
                                        <input type="button" class="addButton" data-item="item2" value="Comprar" />
                                    </ul>
                                   
                                </td>
                               
                              </tr>
                             
                              <tr id="item3" class="item">
                               
                                <td class="row2" style="text-align:center;width:10%;margin:5px">
                                    <span><img src="http://i.imgur.com/DrdEK0P.png" style="width:46px;height:46px;" /></span>
                                </td>
                               
                                <td class="col_f_content" style="width:40%;">
                                   
                                    <h4 class="title">
                                        VIP Sócio
                                    </h4>
                                    <br /> <span class="desc lighter blend_links">Período: 1 Mês</span>
                                </td>
                               
                                <td class="col_f_post">
                                   
                                    <ul>
                                     
                                      <li class="views desc points" data-myprice="20">
                                          <img src="http://i.imgur.com/qdiucii.png" /> Preço: 20.00
                                      </li>
                                     
                                      <li class="views desc">
                                          <img src="http://i.imgur.com/pb1WAow.png" /> Produto: Disponível
                                      </li>
                                        <input type="button" class="addButton" data-item="item3" value="Comprar" />
                                    </ul>
                                   
                                </td>
                               
                              </tr>
                             
                          </tbody>
                         
                        </table>
                       
                    </div>
                   
                  </div>
                 
                  <!--            Fim aba 1            -->
                  <!--            Início aba 2            -->
                  <div id="abas2" class="abas" style="display: none">
                   
                    <div class="box_r">
                       
                        <div class="main-head">
                         
                          <div class="page-title">
                             
                              <h2>
                                  Carrinho de Compras
                              </h2>
                             
                          </div>
                         
                        </div>
                       
                        <div class="cartWrapper">
                         
                          <div class="cart" id="cartj">
                             
                              <div class="cart_body">
                               
                                <div class="cart_items">
                                   
                                    <ul class="theList">
                                     
                                    </ul>
                                   
                                </div>
                               
                              </div>
                            <br/>
                              <span class="totaler"></span>
                          </div>
                                              <br/>
                        <div id="checkout">
                            Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens. <br />
                          <span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br />Enviar o pedido não irá funcionar de outra forma. <br />Também verifique se você tem pontos suficientes para fazer tal compra!</span>
                        </div>
                       
                    </div>
                   
                  </div>
                 
                  <!--            Fim aba 2            -->
                          <form id="privatemessage" action="/privmsg" method="post" name="post">
                            <!--NOME DOS ADMINISTRADORES -->
                              <input name="username[]" type="text" style="display:none" value="Admin Estagiscravo" />
                            <input name="username[]" type="text" style="display:none" value="ADM Mess"/>
                              <input name="username[]" type="text" style="display:none" value="ADM Pandy"/>
                        <!--NOME DOS ADMINISTRADORES-->
                            <input value="Pedido da loja" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput" />
                            <textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
                            <span class="buttons">
                              <input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;" /> Atualize antes de enviar. <input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled" /></span>
                          </form>
                         
                        </div>

              </div>
             
            </div>
           
        </div>
       
      </div>
     
  </div>
</div>

Resulta?

Até mais

Harleen
Usuário destaque

Feminino
Inscrito dia : 09/07/2012
Mensagens : 555
Pontos Ativos : 2443

http://antenadogames.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por Heishiro em Sab 10 Set 2016 - 21:49

resolveu.. muitissimo obrigado cara vlw msm
S2

Heishiro
Nível 2

Masculino
Inscrito dia : 06/09/2016
Mensagens : 11
Pontos Ativos : 109

http://fairytailimmortal.forumeiros.com/

Resolvido Re: Gerir loja no fórum

Mensagem por while em Dom 11 Set 2016 - 2:19

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2819
Pontos Ativos : 4146

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

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

- Tópicos similares

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