Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Como criar uma loja igual a BS?

4 participantes

Início :: Forumeiros :: NostalgiaComo criar uma loja igual a BS?

Herobrinedobem Herobrinedobem  • Qui 21 Nov 2013 - 19:39

Como criar uma loja igual a BS? Empty Como criar uma loja igual a BS? Qui 21 Nov 2013 - 19:39

Qual é minha questão:
Gostaria de saber como faço para criar uma loja em meu fórum igual a loja daqui.

Link da loja daqui: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Obrigado.

Endereço do meu fórum:
extractorcraft.forumeiros.com

Versão:
Invision

[K]oke [K]oke  • Qui 21 Nov 2013 - 19:48

Como criar uma loja igual a BS? Empty Re: Como criar uma loja igual a BS? Qui 21 Nov 2013 - 19:48

Olá, tente esse código

Código:
<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">
            <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png"> Compre com sabedoria.
         </div>
<div class="main-head">
  <div class="page-title"><h2>Ítens</h2></div>
  </div>
<table cellspacing="0" class="table">
  <tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
      <br>
      <span class="desc lighter blend_links">
         Stars, WHOA
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
      </ul>
   </td>
</tr>


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


<tr id="item221" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://imageshack.us/a/img855/6770/chatmod.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">1 Day Chatmod</h4>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item221" value="Comprar"></li>
      </ul>
   </td>
</tr>
  </tbody>
</table>
      </div>
   </div>
<!-- Fim aba 1 -->

<!-- Início aba 2 -->
<div id="abas2" class="abas" style="display: none">
<div class="box_r">
<div class="main-head">
  <div class="page-title"><h2>Carrinho de Compras</h2></div>
  </div>
<div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="Daemon">
<input value="Pedido da loja BS" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;"> Atualize antes de enviar.
 <input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled"></span></form>
    </div>
<div id="checkout">
Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens.
<br>
<span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br>Enviar o pedido não irá funcionar de outra forma. <br>Também verifique se você tem pontos suficientes para fazer tal compra!</span>
</div>
    </div>
</div>
<!-- Fim aba 2 -->
</div>
            </div>
         </div>            
      </div>
Até mais!

Herobrinedobem Herobrinedobem  • Qui 21 Nov 2013 - 19:53

[K]oke [K]oke  • Qui 21 Nov 2013 - 19:56

Como criar uma loja igual a BS? Empty Re: Como criar uma loja igual a BS? Qui 21 Nov 2013 - 19:56

Olá, coloque em HTML

Até mais!

adriancesar adriancesar  • Qui 21 Nov 2013 - 19:57

Como criar uma loja igual a BS? Empty Re: Como criar uma loja igual a BS? Qui 21 Nov 2013 - 19:57

crie uma pagina html e coloque este codigo
Código:
</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, <img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, <img src="http://2img.net/i/fa/i/smiles/icon_cool.gif" alt="Cool" longdesc="6" />;
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {background: white;}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 140px;
margin-left: -150px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.Tabs li {
background: #f6f8fb;
color: #808080;
border-bottom: 1px solid #DBE4EF;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
border-right: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
font-weight: bold;
}
.Tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
color: #8d8d8d;
border-right: 1px solid #DBE4EF;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: #eaeff5;
color: #808080;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #ebfcdf;
padding: 10px;
border: 1px solid #a4cfa4;
color: #0e440e;
line-height: 1.6;
font-size: 12px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
 margin: 5px;
}
</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">
 <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" /> Compre com sabedoria.
 </div><div class="main-head">
  <div class="page-title"><h2>Ítens</h2></div>
   </div>
<table cellspacing="0" class="table">
  <tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
 <br>
 <span class="desc lighter blend_links">
 Stars, WHOA
 </span>
</td>
<td class="col_f_post">
<ul>
 <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
 <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
 </ul>
 </td>
</tr>


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


<tr id="item221" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://imageshack.us/a/img855/6770/chatmod.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">1 Day Chatmod</h4>
</td>
<td class="col_f_post">
<ul>
 <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
 <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item221" value="Comprar"></li>
 </ul>
 </td>
</tr>
  </tbody>
</table>
 </div>
 </div>
<!-- Fim aba 1 -->

<!-- Início aba 2 --><div id="abas2" class="abas" style="display: none"><div class="box_r"><div class="main-head">
  <div class="page-title"><h2>Carrinho de Compras</h2></div>
   </div><div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler"></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="Daemon">
<input value="Pedido da loja BS" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<input id="submitCart" type="submit" value="Atualizar carrinho" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;"> Atualize antes de enviar.
<input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled"></span></form>
    </div><div id="checkout">
Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens.
<br>
<span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br>Enviar o pedido não irá funcionar de outra forma. <br>Também verifique se você tem pontos suficientes para fazer tal compra!</span>
</div>
    </div>
</div>
<!-- Fim aba 2 -->
</div>
 </div>
 </div>
</div>
 </div>

Herobrinedobem Herobrinedobem  • Qui 21 Nov 2013 - 20:00

Como criar uma loja igual a BS? Empty Re: Como criar uma loja igual a BS? Qui 21 Nov 2013 - 20:00

Ficou assim: http://extractorcraft.forumeiros.com/h1-loja

E os botoes não funcionam e.e

GSCode GSCode  • Qui 21 Nov 2013 - 20:11

adriancesar adriancesar  • Qui 21 Nov 2013 - 21:45

GSCode GSCode  • Qui 21 Nov 2013 - 22:04

Como criar uma loja igual a BS? Empty Re: Como criar uma loja igual a BS? Qui 21 Nov 2013 - 22:04

Olá,

Membro Satisfeito :]
Pedido Finalizado.
[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código
Até +
GC

Conteúdo patrocinado  • 

Como criar uma loja igual a BS? Empty Re: Como criar uma loja igual a BS?

Início :: Forumeiros :: Nostalgia:: Como criar uma loja igual a BS?
Permissões neste sub-fórum
Não podes responder a tópicos