Como criar uma loja / web store

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

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

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é.

por Aiirton.Oliveira 22.03.13 15:40

Funcionou mas ficou tudo bugado . teria outro ?

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.

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

por Aiirton.Oliveira 22.03.13 16:03

xandez quando for coloca um codigo utilizar

Código:: [code][/code]

Aiinda bugado ):

por Aiirton.Oliveira 23.03.13 8:11

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!

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'

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.

por Sennior 23.03.13 22:33

Saudação!

Queira ler amigo: Seta

https://ajuda.forumeiros.com/t73217-sistema-shop#501381

Até mais!

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&prlog=");document.write("&nodis=1");document.write('&cb=' + m3_r);if (document.MAX_used != ',') document.write("&exclude=" + document.MAX_used);document.write(document.charset ? '&charset='+document.charset : (document.characterSet ? '&charset='+document.characterSet : ''));document.write("&loc=" + escape(window.location));if (document.referrer) document.write("&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("&ct0=" + escape(document.MAX_ct0));}if (document.mmm_fo) document.write("&mmm_fo=1");document.write("'></scr"+"ipt>");//]]> </script><script type="text/javascript" src="http://cas.criteo.com/delivery/ajs.php?zoneid=55343&prlog=&nodis=1&cb=75433276220&exclude=undefined&charset=UTF-8&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

Como criar uma loja / web store

Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store

Re: Como criar uma loja / web store