- Código:
<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:#881519;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: left !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('Total= Moedas ' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total= Moedas ' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total = Moedas " + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<div class="header"><font>Faça o seu pedido de ítem</font></div>
<div class="shopWrapper">
<div class="inventWrapper">
<div class="itemWrapper">
<div id="item1" class="item">
<span class="title"><font><font>Helmet</font></font></span><br>
<span class="image"><img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.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>Categoria: Mascote</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>Sabre de luz 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.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>Categoria: Mascote</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>Sabre de luz 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.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>Categoria: Mascote</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>Rain</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.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>Categoria: Mascote</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>Wow</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.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>Categoria: Mascote</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>Nerd</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.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>Categoria: Mascote</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>Phantom</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/skeleton.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>Categoria: Mascote</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>DJ's</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/mediaplayer2.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>Categoria: Mascote</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="item9" class="item">
<span class="title"><font><font>MazeFinger</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item9" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item10" class="item">
<span class="title"><font><font>MXTube</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item10" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item11" class="item">
<span class="title"><font><font>TextWhite</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/textwhite.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item11" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item12" class="item">
<span class="title"><font><font>Copter</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/copter.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item12" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item13" class="item">
<span class="title"><font><font>OrangeBanner</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/orangebanner.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item13" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item14" class="item">
<span class="title"><font><font>Jedi</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item14" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item15" class="item">
<span class="title"><font><font>Sabre de luz 3</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/lightsaber12.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item15" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item16" class="item">
<span class="title"><font><font>Cat 1</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/crashkart1.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item16" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item17" class="item">
<span class="title"><font><font>Cat 2</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/crashkart2.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item17" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item18" class="item">
<span class="title"><font><font>BattleAtSea</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/battleatsea.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>Categoria: Mascote</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item18" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item19" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item20" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item21" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item22" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item23" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item24" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item25" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item26" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item27" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br>
<div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item28" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.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>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item29" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.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>Categoria: Pokémon favorito</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item30" 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://i72.servimg.com/u/f72/18/07/42/17/shop_i10.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i11.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i12.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i13.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i14.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i15.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i16.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i17.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i18.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i19.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i20.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i21.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i22.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i23.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i24.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i25.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i26.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i27.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i28.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>Categoria: O meu 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://i72.servimg.com/u/f72/18/07/42/17/shop_i29.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>Categoria: O meu 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 class="itemWrapper">
<div id="item404" class="item">
<span class="title"><font><font>VIP</font></font></span><br>
<span class="image"><img src="http://illiweb.com/fa/pbucket.gif"></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>Categoria: Com esse ítem você ganha 7Dias VIP.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item404" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item405" class="item">
<span class="title"><font><font>NEON </font></font></span><br>
<span class="image"><img src="http://lh5.ggpht.com/EX6caFvQZneqSrAmkQzMUPBZ96XUZuW5iFgOFjAdlnoVxv6KsI2xmZ3d1BDqUi6Z6Y6hzqRAsShaNBfL0KQteQ=s96"></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>Categoria: Com esse ítem você ganha neon no nickname permanente.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item405" value="Adicionar ao carrinho"></font></font>
</div>
</div>
<div class="itemWrapper">
<div id="item406" class="item">
<span class="title"><font><font>Brilho no Nick</font></font></span><br>
<span class="image"><img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSJ5K9mPX5Q3q-kbk6_OFA3cNC_27qA1Hh_ZP50J2eLZh1TkuOwtg"></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>Categoria: Com esse ítem você ganha brilho no nick.</font></font></span>
</div>
<font><font><input type="button" class="addButton" data-item="item406" 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"><font><font>Total = Moedas </font></font></span>
</div>
</div>
<div id="checkout"><font><font>
Gostaria de confirmar sua compra? </font><font>Se assim for é só clicar no botão 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="Daemon">
<input value="Pedido da loja BS" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons"><button id="submitCart" type="button" class="button1" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false"><font><font>Atualizar carrinho</font></font></button> <button type="submit" name="post" class="button2" id="sendingBut" disabled="disabled"><font><font>Enviar pedido</font></font></button></span></form>
<br>
<span><font><font>Lembre-se de clicar em atualizar carrinho antes conferir! </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>
Bom, só criar uma pagina html com esse código
Como colocar loja no forum Qui 23 maio 2013 - 18:26
![[Dark]Doki-.](https://2img.net/u/1717/45/34/10/avatars/20-0.jpg)
