Como criar uma loja / web store

+2
Konai
Aiirton.Oliveira
6 participantes

Ir para baixo

Tópico resolvido Como criar uma loja / web store

Mensagem por Aiirton.Oliveira 22.03.13 14:38

Qual é minha questão:
Olá ,
gostaria de saber como criar uma loja ou um Web story iguais a da imagem a baixo.
ou Código HTML.

Prints :

Como criar uma loja / web store 2l9nwk7

Como criar uma loja / web store 315frib

o Fórum que tem essa Lojinha nas imagens é : http://easycheats.forumbom.com/h7-loja-easy-cheats
Obrigado.

Endereço do meu fórum:
http://nexusvip.forumeiros.com

Versão do fórum:
PHPBB2
Aiirton.Oliveira
Aiirton.Oliveira
*

Membro desde : 25/02/2013
Mensagens : 31
Pontos : 63

http://nexusvip.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Convidado 22.03.13 15:11

Olá querido! Eu amo você

Adicione em uma página de HML
Código:
<div class="header"><font>Vamos as Compras!</font></div>

<div class="shopWrapper">
<div class="inventWrapper">

<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item1" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>PROPINA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/jail.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Limpa sua barra de Respeito as regras</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item2" value="Adicionar ao carrinho" type="button"></font></font>
</div>

</div>

<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>TRANSFERÊNCIA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/announce.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Taxa cobrada pela transferência</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item3" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>TROCAR NOME</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/stoneage.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Troca de Apelido (o Login mudará também)</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item4" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item5" class="item">
<span class="title"><font><font>MEDALHAS</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/f7e7txH.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Um Homem com Medalhas é um homem glorioso!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item5" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item6" class="item">
<span class="title"><font><font>Frase</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/status.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione uma Frase em seu Perfil...!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item6" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item7" class="item">
<span class="title"><font><font>Brilho</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/matchban.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="2500"><font><font>2500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione um efeito de "Brilho" no seu nome [PERNAMENTE]</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item7" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item8" class="item">
<span class="title"><font><font>Mascotes</font></font></span><br>
<span class="image"><img src="http://findicons.com/files/icons/2169/picnic/70/xplane9.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Escolha do Mascote Disponível na área
"Loja Easy Cheats"</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item8" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item31" class="item">
<span class="title"><font><font>Internacional</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HEOuDAc.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item31" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item32" class="item">
<span class="title"><font><font>Botafogo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/u3kCOZu.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item32" value="Adicionar ao carrinho" type="button"></font></font>
</div>

</div>

<div class="itemWrapper">
<div id="item33" class="item">
<span class="title"><font><font>Cruzeiro</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YvwNDV8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item33" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item34" class="item">
<span class="title"><font><font>Fiqueirense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/P8wjLZj.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item34" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item35" class="item">
<span class="title"><font><font>Fluminense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/B2VWEH5.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item35" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item36" class="item">
<span class="title"><font><font>Portuguesa</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/RSddv0R.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item36" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item37" class="item">
<span class="title"><font><font>Flamengo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/rc3wyVT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item37" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item38" class="item">
<span class="title"><font><font>Santos</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YB3xNSh.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item38" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item301" class="item">
<span class="title"><font><font>Palmeiras</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/tn1m1yL.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item301" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item302" class="item">
<span class="title"><font><font>Vasco</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3GLeiMo.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item302" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item303" class="item">
<span class="title"><font><font>São paulo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/pCqEfr8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item303" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item304" class="item">
<span class="title"><font><font>Atlético-MG</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/fOvSpIX.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item304" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item305" class="item">
<span class="title"><font><font>Bahia</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/hRULD11.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item305" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item306" class="item">
<span class="title"><font><font>Náutico</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/ADXjROT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item306" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item307" class="item">
<span class="title"><font><font>Sport</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/KiBUtxT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item307" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item308" class="item">
<span class="title"><font><font>Ponte preta</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/lQtZy18.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item308" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item309" class="item">
<span class="title"><font><font>Corinthians</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HK7nqhO.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item309" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item310" class="item">
<span class="title"><font><font>Coritiba</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/wgYAbuM.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item310" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item311" class="item">
<span class="title"><font><font>Atlético-GO</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3glSKTm.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item311" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item401" class="item">
<span class="title"><font><font>Grêmio</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/8BEkXLw.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item401" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>


</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>

</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" style="display: none;" value="EASYCHEATS" type="text">
<input value="Pedido de Compra EC" style="display: none;" maxlength="64" name="subject" class="usernameinput" type="text">
<textarea id="cartMessage" style="display: none;" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>

<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font>
Queira ler, para ver como adiciona-lo https://ajuda.forumeiros.com/t7967-

Até.
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Aiirton.Oliveira 22.03.13 15:40

Funcionou mas ficou tudo bugado . teria outro ?
Aiirton.Oliveira
Aiirton.Oliveira
*

Membro desde : 25/02/2013
Mensagens : 31
Pontos : 63

http://nexusvip.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Konai 22.03.13 15:44

Olá querido,

Substitua o código por este:
Código:
<div id="main"><div id="main-content"><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#000000;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: center !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>


<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('Preço Total: ' + $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('Preço Total: ' + $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 = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Vamos as Compras!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">

<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>PROPINA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/jail.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Limpa sua barra de Respeito as regras</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>TRANSFERÊNCIA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/announce.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Taxa cobrada pela transferência</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>TROCAR NOME</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/stoneage.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Troca de Apelido (o Login mudará também)</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item5" class="item">
<span class="title"><font><font>MEDALHAS</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/f7e7txH.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Um Homem com Medalhas é um homem glorioso!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item6" class="item">
<span class="title"><font><font>Frase</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/status.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione uma Frase em seu Perfil...!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item7" class="item">
<span class="title"><font><font>Brilho</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/matchban.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="2500"><font><font>2500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione um efeito de "Brilho" no seu nome [PERNAMENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item8" class="item">
<span class="title"><font><font>Mascotes</font></font></span><br>
<span class="image"><img src="http://findicons.com/files/icons/2169/picnic/70/xplane9.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Escolha do Mascote Disponível na área
"Loja Easy Cheats"</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item31" class="item">
<span class="title"><font><font>Internacional</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HEOuDAc.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item31" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item32" class="item">
<span class="title"><font><font>Botafogo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/u3kCOZu.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item32" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item33" class="item">
<span class="title"><font><font>Cruzeiro</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YvwNDV8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item33" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item34" class="item">
<span class="title"><font><font>Fiqueirense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/P8wjLZj.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item34" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item35" class="item">
<span class="title"><font><font>Fluminense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/B2VWEH5.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item35" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item36" class="item">
<span class="title"><font><font>Portuguesa</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/RSddv0R.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item36" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item37" class="item">
<span class="title"><font><font>Flamengo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/rc3wyVT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item37" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item38" class="item">
<span class="title"><font><font>Santos</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YB3xNSh.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item38" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item301" class="item">
<span class="title"><font><font>Palmeiras</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/tn1m1yL.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item301" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item302" class="item">
<span class="title"><font><font>Vasco</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3GLeiMo.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item302" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item303" class="item">
<span class="title"><font><font>São paulo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/pCqEfr8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item303" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item304" class="item">
<span class="title"><font><font>Atlético-MG</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/fOvSpIX.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item304" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item305" class="item">
<span class="title"><font><font>Bahia</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/hRULD11.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item305" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item306" class="item">
<span class="title"><font><font>Náutico</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/ADXjROT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item306" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item307" class="item">
<span class="title"><font><font>Sport</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/KiBUtxT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item307" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item308" class="item">
<span class="title"><font><font>Ponte preta</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/lQtZy18.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item308" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item309" class="item">
<span class="title"><font><font>Corinthians</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HK7nqhO.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item309" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item310" class="item">
<span class="title"><font><font>Coritiba</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/wgYAbuM.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item310" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item311" class="item">
<span class="title"><font><font>Atlético-GO</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3glSKTm.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item311" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item401" class="item">
<span class="title"><font><font>Grêmio</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/8BEkXLw.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item401" value="Adicionar ao carrinho"></font></font>
</div>
</div>


</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="EASYCHEATS">
<input value="Pedido de Compra EC" 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"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>

</div></div>

Até mais. Piscada
Konai
Konai
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por xandez 22.03.13 15:58

Código:
[color=blue]<div class="header"><font>Loja Virtual!</font></div>

<div class="shopWrapper">
<div class="inventWrapper">

<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item1" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>PROPINA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/jail.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Limpa sua barra de Respeito as regras</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item2" value="Adicionar ao carrinho" type="button"></font></font>
</div>

</div>

<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>TRANSFERÊNCIA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/announce.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Taxa cobrada pela transferência</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item3" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>TROCAR NOME</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/stoneage.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Troca de Apelido (o Login mudará também)</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item4" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item5" class="item">
<span class="title"><font><font>MEDALHAS</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/f7e7txH.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Um Homem com Medalhas é um homem glorioso!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item5" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item6" class="item">
<span class="title"><font><font>Frase</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/status.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione uma Frase em seu Perfil...!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item6" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item7" class="item">
<span class="title"><font><font>Brilho</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/matchban.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="2500"><font><font>2500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione um efeito de "Brilho" no seu nome [PERNAMENTE]</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item7" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item8" class="item">
<span class="title"><font><font>Mascotes</font></font></span><br>
<span class="image"><img src="http://findicons.com/files/icons/2169/picnic/70/xplane9.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Escolha do Mascote Disponível na área
"Loja Easy Cheats"</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item8" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>


<div class="itemWrapper">
<div id="item31" class="item">
<span class="title"><font><font>Internacional</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HEOuDAc.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item31" value="Adicionar ao carrinho" type="button"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item32" class="item">
<span class="title"><font><font>Botafogo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/u3kCOZu.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item32" value="Adicionar ao carrinho" type="button"></font></font>
</div>

</div>

<div class="itemWrapper">
<div id="item33" class="item">
<span class="title"><font><font>Cruzeiro</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YvwNDV8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item33" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item34" class="item">
<span class="title"><font><font>Fiqueirense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/P8wjLZj.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item34" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item35" class="item">
<span class="title"><font><font>Fluminense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/B2VWEH5.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item35" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item36" class="item">
<span class="title"><font><font>Portuguesa</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/RSddv0R.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item36" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item37" class="item">
<span class="title"><font><font>Flamengo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/rc3wyVT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item37" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item38" class="item">
<span class="title"><font><font>Santos</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YB3xNSh.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item38" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item301" class="item">
<span class="title"><font><font>Palmeiras</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/tn1m1yL.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item301" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item302" class="item">
<span class="title"><font><font>Vasco</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3GLeiMo.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item302" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item303" class="item">
<span class="title"><font><font>São paulo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/pCqEfr8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item303" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item304" class="item">
<span class="title"><font><font>Atlético-MG</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/fOvSpIX.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item304" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item305" class="item">
<span class="title"><font><font>Bahia</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/hRULD11.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item305" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item306" class="item">
<span class="title"><font><font>Náutico</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/ADXjROT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item306" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item307" class="item">
<span class="title"><font><font>Sport</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/KiBUtxT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item307" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item308" class="item">
<span class="title"><font><font>Ponte preta</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/lQtZy18.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item308" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item309" class="item">
<span class="title"><font><font>Corinthians</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HK7nqhO.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item309" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item310" class="item">
<span class="title"><font><font>Coritiba</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/wgYAbuM.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item310" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item311" class="item">
<span class="title"><font><font>Atlético-GO</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3glSKTm.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item311" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>

<div class="itemWrapper">
<div id="item401" class="item">
<span class="title"><font><font>Grêmio</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/8BEkXLw.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input class="addButton" data-item="item401" value="Adicionar ao carrinho" type="button"></font></font>

</div>
</div>


</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>

</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" style="display: none;" value="EASYCHEATS" type="text">
<input value="Pedido de Compra EC" style="display: none;" maxlength="64" name="subject" class="usernameinput" type="text">
<textarea id="cartMessage" style="display: none;" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>

<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>
Também verifique se você tem pontos suficientes para fazer tal compra!</font>[/color]
Esportes
xandez
xandez
*****

Membro desde : 26/01/2013
Mensagens : 434
Pontos : 831

http://anonymous.forumbrasil.net/ http://anonymous.forumbrasil.net/ http://anonymous.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Aiirton.Oliveira 22.03.13 16:03

xandez quando for coloca um codigo utilizar
Código:
[code][/code]

Aiinda bugado ):
Aiirton.Oliveira
Aiirton.Oliveira
*

Membro desde : 25/02/2013
Mensagens : 31
Pontos : 63

http://nexusvip.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Aiirton.Oliveira 23.03.13 8:11

UP -
Aiirton.Oliveira
Aiirton.Oliveira
*

Membro desde : 25/02/2013
Mensagens : 31
Pontos : 63

http://nexusvip.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por @Evil 23.03.13 11:53

Olá você ja tentou utilizar o código que o dr.house disponibilizou?
Código:
<div id="main"><div id="main-content"><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#000000;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: center !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>


<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('Preço Total: ' + $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('Preço Total: ' + $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 = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Vamos as Compras!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">

<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item2" class="item">
<span class="title"><font><font>PROPINA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/jail.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Limpa sua barra de Respeito as regras</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item3" class="item">
<span class="title"><font><font>TRANSFERÊNCIA</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/announce.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="100"><font><font>100 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Taxa cobrada pela transferência</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item4" class="item">
<span class="title"><font><font>TROCAR NOME</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/stoneage.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Troca de Apelido (o Login mudará também)</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item5" class="item">
<span class="title"><font><font>MEDALHAS</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/f7e7txH.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Um Homem com Medalhas é um homem glorioso!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item6" class="item">
<span class="title"><font><font>Frase</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/status.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="50"><font><font>50 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione uma Frase em seu Perfil...!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item7" class="item">
<span class="title"><font><font>Brilho</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/matchban.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="2500"><font><font>2500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Adicione um efeito de "Brilho" no seu nome [PERNAMENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item8" class="item">
<span class="title"><font><font>Mascotes</font></font></span><br>
<span class="image"><img src="http://findicons.com/files/icons/2169/picnic/70/xplane9.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="1000"><font><font>1000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Escolha do Mascote Disponível na área
"Loja Easy Cheats"</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item31" class="item">
<span class="title"><font><font>Internacional</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HEOuDAc.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="300"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item31" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item32" class="item">
<span class="title"><font><font>Botafogo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/u3kCOZu.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item32" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item33" class="item">
<span class="title"><font><font>Cruzeiro</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YvwNDV8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item33" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item34" class="item">
<span class="title"><font><font>Fiqueirense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/P8wjLZj.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item34" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item35" class="item">
<span class="title"><font><font>Fluminense</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/B2VWEH5.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item35" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item36" class="item">
<span class="title"><font><font>Portuguesa</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/RSddv0R.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item36" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item37" class="item">
<span class="title"><font><font>Flamengo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/rc3wyVT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item37" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item38" class="item">
<span class="title"><font><font>Santos</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/YB3xNSh.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item38" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item301" class="item">
<span class="title"><font><font>Palmeiras</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/tn1m1yL.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item301" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item302" class="item">
<span class="title"><font><font>Vasco</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3GLeiMo.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item302" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item303" class="item">
<span class="title"><font><font>São paulo</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/pCqEfr8.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item303" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item304" class="item">
<span class="title"><font><font>Atlético-MG</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/fOvSpIX.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item304" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item305" class="item">
<span class="title"><font><font>Bahia</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/hRULD11.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item305" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item306" class="item">
<span class="title"><font><font>Náutico</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/ADXjROT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item306" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item307" class="item">
<span class="title"><font><font>Sport</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/KiBUtxT.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item307" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item308" class="item">
<span class="title"><font><font>Ponte preta</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/lQtZy18.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item308" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item309" class="item">
<span class="title"><font><font>Corinthians</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/HK7nqhO.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item309" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item310" class="item">
<span class="title"><font><font>Coritiba</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/wgYAbuM.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item310" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item311" class="item">
<span class="title"><font><font>Atlético-GO</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/3glSKTm.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item311" value="Adicionar ao carrinho"></font></font>
</div>
</div>

<div class="itemWrapper">
<div id="item401" class="item">
<span class="title"><font><font>Grêmio</font></font></span><br>
<span class="image"><img src="http://i.imgur.com/8BEkXLw.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Leve com orgulho o simbolo do seu time do coração!</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item401" value="Adicionar ao carrinho"></font></font>
</div>
</div>


</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="EASYCHEATS">
<input value="Pedido de Compra EC" 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"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>

</div></div>
abraços!
@Evil
@Evil
Membro

Membro desde : 24/02/2013
Mensagens : 505
Pontos : 754

http://coracaodomaker.fantasyboard.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por .Danni. 23.03.13 16:11

Olá,

Como a questão envolve códigos, o tópico será movido.

Cordialmente,
The Boss

Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre códigos'
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Aiirton.Oliveira 23.03.13 21:09

Sim , todos eles fica tudo bugado .
- não precisa ser igual pode ser qualquer html de Loja etc.
Aiirton.Oliveira
Aiirton.Oliveira
*

Membro desde : 25/02/2013
Mensagens : 31
Pontos : 63

http://nexusvip.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por Sennior 23.03.13 22:33

Saudação!

Queira ler amigo: Seta https://ajuda.forumeiros.com/t73217-sistema-shop#501381

Até mais!
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Como criar uma loja / web store

Mensagem por .Danni. 24.03.13 1:21

Olá,

Tente este código:
Código:

<div id="main-content"><div class="module main module-advert" style="overflow:visible"><div class="main-content" style="padding:0"><div class="d3719568c"><script type="text/javascript">//<![CDATA[
function AT_adFillSlot(){document.write('<iframe frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="728" height="90" src="http://ad.z5x.net/st?ad_type=iframe&ad_size=728x90&section=1649904"></iframe>');}//]]>
</script><script type="text/javascript">//<![CDATA[
document.MAX_ct0 ='';var m3_u = (location.protocol=='https:'?'https://cas.criteo.com/delivery/ajs.php?':'http://cas.criteo.com/delivery/ajs.php?');var m3_r = Math.floor(Math.random()*99999999999);document.write("<scr"+"ipt type='text/javascript' src='"+m3_u);document.write("zoneid=55343&amp;prlog=");document.write("&amp;nodis=1");document.write('&amp;cb=' + m3_r);if (document.MAX_used != ',') document.write("&amp;exclude=" + document.MAX_used);document.write(document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));document.write("&amp;loc=" + escape(window.location));if (document.referrer) document.write("&amp;referer=" + escape(document.referrer));if (document.context) document.write("&context=" + escape(document.context));if ((typeof(document.MAX_ct0) != 'undefined') && (document.MAX_ct0.substring(0,4) == 'http')) {document.write("&amp;ct0=" + escape(document.MAX_ct0));}if (document.mmm_fo) document.write("&amp;mmm_fo=1");document.write("'></scr"+"ipt>");//]]>
</script><script type="text/javascript" src="http://cas.criteo.com/delivery/ajs.php?zoneid=55343&amp;prlog=&amp;nodis=1&amp;cb=75433276220&amp;exclude=undefined&amp;charset=UTF-8&amp;loc=http%3A//easycheats.forumbom.com/h7-loja-easy-cheats"></script><br class="clear"></div><div style="clear:both;"></div><style type="text/css">html body .d3719568c,html body .d3719568c iframe,html body iframe[name="google_ads_frame"],html body .d3719568c iframe[name="google_ads_frame"],html body #wrap #page-body div.d3719568c,html body #page-body .d3719568c{display:block!important;visibility:visible!important;float:none!important;position:inherit!important;left:inherit!important;top:inherit!important;right:inherit!important;bottom:inherit!important;margin:0 auto!important;padding:inherit!important;filter:alpha(opacity=100)!important;-moz-opacity:1!important;-khtml-opacity:1!important;opacity:1!important;z-index:9999!important;text-align:center!important}html body .d3719568c,html body .d3719568c iframe[name="google_ads_frame"]{width:728px!important;height:90px!important;min-height:90px!important}html body .d3719568c iframe{border:0px!important}html body iframe[name="google_ads_frame"]{width:100%!important;height:inherit!important;min-height:inherit!important}</style></div></div><div style="height:10px"></div><title>LOJA EASY CHEATS</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://www.spelta.pt/imgs/icon_carrinho_grd.png"><meta name="title" content="Loja"><link rel="stylesheet" href="/66-ltr.css" type="text/css"><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="EASY CHEATS"><link rel="search" type="application/opensearchdescription+xml" href="http://www.directorioforuns.com/pt/search/improvedsearch.xml" title="Pesquisar fóruns"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="http://illiweb.com/rs3/54/frm/lang/pt.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function(){});//]]></script><script src="/99283.js" type="text/javascript"></script>

<script type="text/javascript" src="http://tinyurl.com/var-fa"></script><link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script><a id="top" name="top" accesskey="t"></a><div class="minwidth_IE"><div class="layout_IE"><div class="container_IE"><div class="pun"><div id="pun-intro" class="clearfix"><a href="/" id="pun-logo"></a><p id="pun-desc"><script src="/h2-"></script><script src="/h8-"></script></p></div><div id="page-body"><div id="content-container" class="no-left"><div id="outer-wrapper"><div id="wrapper"><div id="container"><div id="content"><div id="emptyidleft"></div><div id="main"><div id="main-content"><style>#right {width: 1px;height: 1px;max-width: 1px;max-height: 1px;overflow: hidden;display: none;}#content{width: 100%;z-index: 999;}</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
 <link type="text/css" rel="stylesheet" charset="UTF-8" href="http://translate.googleapis.com/translate_static/css/translateelement.css"><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/main_pt-BR.js"></script><script type="text/javascript" charset="UTF-8" src="http://translate.googleapis.com/translate_static/js/element/10/element_main.js"></script>
<style type="text/css">
.header{color:#333;font-size:51px;text-align:left;height:40px;padding-bottom:40px;padding-top: 30px;}
/.shopWrapper{text-align:center;margin:0 auto;border:3px dashed/
#0000ff;overflow:hidden;height:auto;background: whiteSmoke;}
.title{color:#000;font-size:18px;}
.image img{height:51px;width:51px;}
.image{text-align:center;}
.points{color:#EEE;font-size:11px;float:left;text-align:center;}
.sale{color:#ff0000;font-size:11px;float:right;text-align:center;}
.item{width:131px;min-height:150px;border:1px solid #000;overflow:hidden;height:auto;padding:5px;background:#fff;text-align:center;}
.descrip{background:#000000;overflow:hidden;height:auto;min-height: 50px;padding:3px;border-radius:3px;margin-bottom: 3px;}
.description {color: white;font-size: 11px;word-wrap: break-word;text-align: center !important;float: left;text-indent: 11px;}
.itemWrapper{text-align:center;margin:0 auto;float:left;}
.inventWrapper{float:left;width:1050px;height:auto;overflow:hidden;}
.cart{overflow: hidden;background: white;}
.cart_title{text-align:center;color:#000;border-bottom:2px solid #000;}
.cart_items{text-align:center;}
.cart_body{text-align: center;
margin: ;
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid lime;
height: 300px;
background: white;}
.cartWrapper{margin-top: 8px;float:left;width:250px;}
.totaler{bottom:0;}
li:hover{cursor:pointer;}
#checkout{float: left;
height: 100px;
text-align: center;
background: white;
border-top: 2px solid lime;
margin-top: 5px;
width: 100% !important;}
</style>


<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('Preço Total: ' + $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('Preço Total: ' + $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 = Moedas " + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<div class="header"><font>Vamos as Compras!</font></div>
<div class="shopWrapper">
<div class="inventWrapper">

<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>

</div>
    <div class="cartWrapper">
<div class="cart" id="cartj">
<div class="cart_body">
<div class="cart_title"><font><font>Carrinho de Compras</font></font></div>
<div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
      <span class="totaler">Preço Total: 0.00</span>
</div>
    </div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão "Confirmar Carrinho" e após clique em "Enviar pedido". </font><font>Tempo entre 24 - 48 horas para a entrega de seus itens.
</font></font><form id="privatemessage" action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="EASYCHEATS">
<input value="Pedido de Compra EC" 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"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Confirmar Carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em Confirmar Carrinho antes de Enviar o pedido! </font></font><br><font><font>Enviar o pedido não irá funcionar de outra forma. </font></font><br><font><font>Também verifique se você tem pontos suficientes para fazer tal compra!</font></font></span>
</div>
    </div>

</div></div></div></div></div></div></div></div></div></div></div></div><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script></div>

Os itens estão no seguinte código:
<div id="item1" class="item">
<span class="title"><font><font>NAMECOLOR</font></font></span><br>
<span class="image"><img src="http://xat.com/images/smw/namecolor.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="3000"><font><font>3000 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Aplica Cor no Nome [PERMANENTE]</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item1" value="Adicionar ao carrinho"></font></font>
</div>
</div>

A cada novo item que adicionar, você precisa aumentar o número do item, caso contrário dará erro.

Cordialmente,
The Boss
.Danni.
.Danni.
Super Membro

Membro desde : 13/01/2010
Mensagens : 1880
Pontos : 2623

https://coletivomistico.forumbrasil.net/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos