Loja para forum
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Loja para forum
Detalhes da dúvida
Versão do fórum : phpBB3
Nível de acesso : Administrador
Navegador usado : Google Chrome
Imagem :
- Imagem da minha dúvida:
Membros afetados : Todos os membros do fórum
Problema começou : Desde que instalei o código há dois dias.
Endereço do fórum : http://supraavatar.forumeiros.com/h2-becodiagonal
Descrição do problema
A alguns dias venho pesquisado como fazer uma loja no meu forum, sou dona de rpg e queria dar mais realidade de uma loja Beco Diagonal. Procurei minha ADM grafica e eu e ela começamos a montar e procurar o codigo. Achei um aqui no forumeiros, instalei numa pagina html e entao fui com ela editar. Passei a madrugada mudando o css mas como nao sou boa nisso acabou ficando uma droga, como mostra o print. Queria saber se tem alguma forma de voces me disponibilizarem um código com uma aparência legal, formatada e bonitinha, nas cores vermelha e preta. O que eu preciso é aparência, pois o conteúdo eu mesma consigo alterar. Quero algo legal, se puder com algumas coisas de Harry Potter, quero algo que denote que é uma loja do beco diagonal sabe, se poderem fazer isso por mim ficaria extremamente agradecida. Estou na forumeiros há tres anos mais ou menos.Desde já agradeço, Mandy
Re: Loja para forum
Saudações!
Primeiramente:
Poderia nos disponibilizar o código utilizado? Assim poderei arrumar e fazer as edições desejadas.
Até!
Primeiramente:
|
Poderia nos disponibilizar o código utilizado? Assim poderei arrumar e fazer as edições desejadas.
Até!
Re: Loja para forum
Olá!
Adicione este código na segunda linha do código HTML:
Até mais,
Reset.
Adicione este código na segunda linha do código HTML:
- Código:
<style type="text/css">
/*<![CDATA[*/
table:nth-child(4) tbody tr td.blockrow img {margin-bottom: 5px;}
table:nth-child(4) tbody tr:nth-child(4) td {height: 127px !important;}
table tbody tr td.blockrow:last-child {border-right: 1px solid rgb(206,206,206);}
table:nth-child(4) tbody tr td.blockrow {width: 12.6% !important;height: 162px;}
.preco {float: left;margin-left: -10px;padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px;background: rgb(233, 233, 233);border: 1px solid rgb(206, 206, 206);border-left: 0;width: 92.3%;text-align: left;margin-top: 30px;margin-bottom: -6px;}
.preco i {float: right;}
/*]]>*/
</style>
Até mais,
Reset.
Re: Loja para forum
Esse é o codigo atual, depois de por o codigo do Reset (Obg Reset), so que se nao fosse incomodar, ainda gostaria da edição gráfica ç-ç sabe, pra ficar no estilo do tema do rpg, como coloquei na descrição deste topico.
- Código:
<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>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.Tabs li').click(function(){
jQuery('.Tabs li').removeClass('active');
jQuery(this).addClass('active');
jQuery(this).find('a');
return false;
});
jQuery('a.all_itens').click(function(){
jQuery('.abas').hide();
jQuery('#abas1').show();
});
jQuery('a.all_pay').click(function(){
jQuery('.abas').hide();
jQuery('#abas2').show();
});
});
</script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = $G' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<script>
function enviatag(tag, local) {
var message = "[size=13][font=Trebuchet MS][center][b]Pedido de tag BS[/b][/center][center] [/center][b]Preço total:[/b] 400,00[center][/center][b]Tag:[/b] "+tag+"[/font][/size]";
jQuery(local).html(message);
jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
$.get('/profile?mode=editprofile', function(prof) {
var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
$.get(link, function(cash) {
my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Moedas") dd',cash).text();
$('.myc cash').html(my_cash);
});
});
});
</script>
<style type="text/css">
/*<![CDATA[*/
table:nth-child(4) tbody tr td.blockrow img {margin-bottom: 5px;}
table:nth-child(4) tbody tr:nth-child(4) td {height: 127px !important;}
table tbody tr td.blockrow:last-child {border-right: 1px solid rgb(206,206,206);}
table:nth-child(4) tbody tr td.blockrow {width: 12.6% !important;height: 162px;}
.preco {float: left;margin-left: -10px;padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px;background: rgb(233, 233, 233);border: 1px solid rgb(206, 206, 206);border-left: 0;width: 92.3%;text-align: left;margin-top: 30px;margin-bottom: -6px;}
.preco i {float: right;}
/*]]>*/
</style>
<div class="main">
<div class="main-head">
<div class="page-title"><h2>Loja</h2></div>
</div>
<div class="main-content cont">
<div class="LayoutLeft clearfix">
<div class="Tabs Layout_smallleft">
<ul>
<li class="active">
<a href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
</li>
<li>
<a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
</li>
</ul>
</div>
<div id="usercp_content">
<div class="box_r">
<div class="box_t">
<!-- Início aba 1 -->
<div id="abas1" class="abas">
<div class="box_r">
<div class="message" style="margin:10px">
<b class="myc">Suas moedas: <cash style="font-style: italic;">0</cash></b>
<br>
<img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png"> Compre com sabedoria.
</div><div class="main-head">
<div class="page-title"><h2>Ítens</h2></div>
</div>
<table cellspacing="0" class="table">
<tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
<br>
<span class="desc lighter blend_links">
Stars, WHOA
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item2" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Helmet!</h4>
<br>
<span class="desc lighter blend_links">
Capacete de batalha
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item2" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item3" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz |!</h4>
<br>
<span class="desc lighter blend_links">
Sabre de luz azul
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item3" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item4" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz ||!</h4>
<br>
<span class="desc lighter blend_links">
Sabre de luz vermelho
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item4" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item5" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Rain!</h4>
<br>
<span class="desc lighter blend_links">
Proteja-se da chuva
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item5" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item6" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Wow!</h4>
<br>
<span class="desc lighter blend_links">
Wow blue
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item6" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item7" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Nerd!</h4>
<br>
<span class="desc lighter blend_links">
Nerd 8.8
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item7" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item8" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">MxTube!</h4>
<br>
<span class="desc lighter blend_links">
Qual canal quer assistir?
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item8" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item9" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Jedi!</h4>
<br>
<span class="desc lighter blend_links">
Eu sou jedi u.u
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item9" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item100" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Pikachu</h4>
<br>
<span class="desc lighter blend_links">
Choque do trovão agora
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item100" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item101" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gengar</h4>
<br>
<span class="desc lighter blend_links">
Pokemón fantasma
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item101" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item102" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Charmander</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo fogo
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item102" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item103" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Totodile</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo água
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item103" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item104" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Squirtle</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo água
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item104" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item105" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Chikorita</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo planta
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item105" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item106" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bulbasaur</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo planta
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item106" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item107" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cyndaquil</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo fogo
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item107" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item108" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Piplup</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo água
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/qdiucii.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item108" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item109" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ho-oh</h4>
<br>
<span class="desc lighter blend_links">
Pokemón raro
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/qdiucii.png"> Preço: 300.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item109" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item110" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Mew</h4>
<br>
<span class="desc lighter blend_links">
Pokemón raro
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/qdiucii.png"> Preço: 300.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item110" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item200" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i10.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Internacional</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item200" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item201" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i11.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Botafogo</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item201" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item202" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i12.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cruzeiro</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item202" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item203" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i13.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Figueirense</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item203" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item204" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i14.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Fluminense</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item204" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item205" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i15.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Portuguesa</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item205" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item206" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i16.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Flamengo</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item206" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item207" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i17.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Santos</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item207" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item208" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i18.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Palmeiras</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item208" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item209" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i19.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Vasco</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item209" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item210" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i20.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">São paulo</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item210" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item211" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i21.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-MG</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item211" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item212" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i22.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bahia</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item212" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item213" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i23.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Náutico</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item213" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item214" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sport</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item214" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item215" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i25.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ponte preta</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item215" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item216" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i33.servimg.com/u/f33/18/07/42/17/atleti10.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético paranaense</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item216" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item217" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i26.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Corinthians</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item217" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item218" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i27.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Coritiba</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item218" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item219" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-GO</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item219" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item220" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i29.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Grêmio</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item220" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item221" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://imageshack.us/a/img855/6770/chatmod.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">1 Day Chatmod</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="400"><img src="http://i.imgur.com/qdiucii.png"> Preço: 400.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item221" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item222" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<a id="tag" name="tag" accesskey="g"></a>
<span>
<li class="views desc">
<form action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="[F]lames">
<input value="Pedido de tag BS" style="display:none;" maxlength="64" name="subject" type="text" class="usernameinput">
</form>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Fim aba 1 -->
<!-- Início aba 2 --><div id="abas2" class="abas" style="display: none"><div class="box_r"><div class="main-head">
<div class="page-title"><h2>Carrinho de Compras</h2></div>
</div><div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<select style="display: none" name="usergroup"><option value="1">Administradores</option></select>
<input value="Compras - Beco Diagonal" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<input id="submitCart" type="submit" value="Confirmar pedido" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;"> Atualize antes de enviar.
<input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled"></span></form>
</div><div id="checkout">
Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens.
<br>
<span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br>Enviar o pedido não irá funcionar de outra forma. <br>Também verifique se você tem pontos suficientes para fazer tal compra!</span>
</div>
</div>
</div>
<!-- Fim aba 2 -->
</div>
</div>
</div>
</div>
</div>
</div>
Re: Loja para forum
Olá novamente senhorita!
Poderia me disponibilizar as imagens ou pedir na seção de criações gráficas ? Ficarei no aguardo.
Peço também que me diga onde adicionar tal imagem, como por exemplo:
Imagem 1 no topo, imagem 2 no conteúdo, etc.
Até!
Poderia me disponibilizar as imagens ou pedir na seção de criações gráficas ? Ficarei no aguardo.
Peço também que me diga onde adicionar tal imagem, como por exemplo:
Imagem 1 no topo, imagem 2 no conteúdo, etc.
Até!
Re: Loja para forum
(Dessas duas acima fica a seu criterio decidir qual fica no topo ou de fundo, afinal voce esta projetando, faça a seu gosto *o*)
Ícone de dinheiro (Preço)
são essas, caso necessite de algo basta pedir.
Re: Loja para forum
Certo senhorita! Peço que aguarde pois já estou providenciando o código, logo estarei editando esta mensagem e adicionando o código.
EDIT: ----------------------------------------------------
Saudações querida!
No inicio da tua CSS(CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS), a senhorita vai adicionar este código no inicio da folha:
O teu código da loja, substitua por este:
Até!
EDIT: ----------------------------------------------------
Saudações querida!
No inicio da tua CSS(CPainel >> Visualização >> Imagens e Cores > Cores >>> Folha de estilo CSS), a senhorita vai adicionar este código no inicio da folha:
- Código:
.desc.lighter.blend_links {
color: #FFFFFF !important;
}
.item {
background: none !important;
}
tbody.statused {
background-image: url(http://3.bp.blogspot.com/-vJ7DRyudEgI/TZ-PX0wmhAI/AAAAAAAABHY/x_un_Ga7-uE/s1600/204757_217416094938680_126608720686085_994526_1131383_o.jpg) !important;
}
O teu código da loja, substitua por este:
- Código:
<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>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.Tabs li').click(function(){
jQuery('.Tabs li').removeClass('active');
jQuery(this).addClass('active');
jQuery(this).find('a');
return false;
});
jQuery('a.all_itens').click(function(){
jQuery('.abas').hide();
jQuery('#abas1').show();
});
jQuery('a.all_pay').click(function(){
jQuery('.abas').hide();
jQuery('#abas2').show();
});
});
</script>
<script type="text/javascript">
(function($){
$(document).ready(function(){
var $total = 0.0
$('.addButton').click(function (){
var theID ='#' + $(this).attr('data-item');
var pointstoAdd = parseFloat($(theID).find('.points').attr('data-myprice'));
$total += pointstoAdd;
$('.totaler').html('Total de Moedas = $G' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});
function BindIt(){
$('.cart-item').unbind('click');
$('.cart-item').click( function(){
$total -= parseFloat($(this).attr('data-points'));
$('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
$(this).remove();
});
}
});
$(document).ready(
function() {
$('#submitCart').click(function() {
var text = '';
var total = 0;
$(".theList li").each(function () {
var string = $(this).text();
var points = parseInt($(this).data('points'));
//capitalize first letter of string
text += string.charAt(0).toUpperCase() + string.slice(1)
//add line break at the end
+ ' = ' + points + "\n";
total += points;
});
//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
});
});
})(jQuery);
</script>
<script>
function enviatag(tag, local) {
var message = "[size=13][font=Trebuchet MS][center][b]Pedido de tag BS[/b][/center][center] [/center][b]Preço total:[/b] 400,00[center][/center][b]Tag:[/b] "+tag+"[/font][/size]";
jQuery(local).html(message);
jQuery(local).closest('form').find('input[name="post"]').click();
}
$(function() {
$.get('/profile?mode=editprofile', function(prof) {
var link=$('form[action="/profile"] .main-head .subtitle a[href^="/u"]',prof).attr('href');
$.get(link, function(cash) {
my_cash=$('#profile-advanced-details .main-content .middleline dl:contains("Moedas") dd',cash).text();
$('.myc cash').html(my_cash);
});
});
});
</script>
<style type="text/css">
/*<![CDATA[*/
table:nth-child(4) tbody tr td.blockrow img {margin-bottom: 5px;}
table:nth-child(4) tbody tr:nth-child(4) td {height: 127px !important;}
table tbody tr td.blockrow:last-child {border-right: 1px solid rgb(206,206,206);}
table:nth-child(4) tbody tr td.blockrow {width: 12.6% !important;height: 162px;}
.preco {float: left;margin-left: -10px;padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px;background: rgb(233, 233, 233);border: 1px solid rgb(206, 206, 206);border-left: 0;width: 92.3%;text-align: left;margin-top: 30px;margin-bottom: -6px;}
.preco i {float: right;}
/*]]>*/
</style>
<div class="main">
<div class="main-head">
<div class="page-title"><h2>Loja</h2></div>
</div>
<div class="main-content cont">
<div class="LayoutLeft clearfix">
<div class="Tabs Layout_smallleft">
<ul>
<li class="active">
<a href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
</li>
<li>
<a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
</li>
</ul>
</div>
<div id="usercp_content">
<div class="box_r">
<div class="box_t">
<!-- Início aba 1 -->
<div id="abas1" class="abas">
<div class="box_r">
<div class="message" style="margin:10px">
<b class="myc">Suas moedas: <cash style="font-style: italic;">0</cash></b>
<br>
<img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png"> Compre com sabedoria.
</div><div class="main-head">
<div class="page-title"><h2>Ítens</h2></div>
</div>
<table cellspacing="0" class="table">
<tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
<br>
<span class="desc lighter blend_links">
Stars, WHOA
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item2" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Helmet!</h4>
<br>
<span class="desc lighter blend_links">
Capacete de batalha
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item2" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item3" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz |!</h4>
<br>
<span class="desc lighter blend_links">
Sabre de luz azul
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item3" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item4" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sabre de luz ||!</h4>
<br>
<span class="desc lighter blend_links">
Sabre de luz vermelho
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item4" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item5" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Rain!</h4>
<br>
<span class="desc lighter blend_links">
Proteja-se da chuva
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item5" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item6" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Wow!</h4>
<br>
<span class="desc lighter blend_links">
Wow blue
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item6" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item7" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Nerd!</h4>
<br>
<span class="desc lighter blend_links">
Nerd 8.8
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item7" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item8" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">MxTube!</h4>
<br>
<span class="desc lighter blend_links">
Qual canal quer assistir?
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item8" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item9" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Jedi!</h4>
<br>
<span class="desc lighter blend_links">
Eu sou jedi u.u
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item9" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item100" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Pikachu</h4>
<br>
<span class="desc lighter blend_links">
Choque do trovão agora
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item100" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item101" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gengar</h4>
<br>
<span class="desc lighter blend_links">
Pokemón fantasma
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item101" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item102" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Charmander</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo fogo
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item102" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item103" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Totodile</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo água
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item103" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item104" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Squirtle</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo água
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item104" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item105" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Chikorita</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo planta
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item105" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item106" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bulbasaur</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo planta
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item106" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item107" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cyndaquil</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo fogo
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item107" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item108" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Piplup</h4>
<br>
<span class="desc lighter blend_links">
Pokemón tipo água
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="250"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 250.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item108" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item109" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ho-oh</h4>
<br>
<span class="desc lighter blend_links">
Pokemón raro
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 300.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item109" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item110" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Mew</h4>
<br>
<span class="desc lighter blend_links">
Pokemón raro
</span>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="300"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 300.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item110" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item200" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i10.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Internacional</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item200" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item201" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i11.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Botafogo</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item201" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item202" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i12.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Cruzeiro</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item202" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item203" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i13.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Figueirense</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item203" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item204" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i14.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Fluminense</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item204" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item205" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i15.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Portuguesa</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item205" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item206" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i16.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Flamengo</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item206" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item207" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i17.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Santos</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item207" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item208" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i18.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Palmeiras</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item208" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item209" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i19.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Vasco</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item209" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item210" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i20.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">São paulo</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item210" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item211" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i21.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-MG</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item211" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item212" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i22.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Bahia</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item212" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item213" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i23.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Náutico</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item213" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item214" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i24.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Sport</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item214" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item215" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i25.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Ponte preta</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item215" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item216" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i33.servimg.com/u/f33/18/07/42/17/atleti10.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético paranaense</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item216" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item217" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i26.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Corinthians</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item217" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item218" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i27.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Coritiba</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item218" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item219" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i28.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Atlético-GO</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item219" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item220" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i29.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Grêmio</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 200.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item220" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item221" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://imageshack.us/a/img855/6770/chatmod.jpg" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">1 Day Chatmod</h4>
</td>
<td class="col_f_post">
<ul>
<li class="views desc points" data-myprice="400"><img src="http://i.imgur.com/dtERyGu.png"> Preço: 400.00</li>
<li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
<li class="views desc"><input type="button" class="addButton" data-item="item221" value="Comprar"></li>
</ul>
</td>
</tr>
<tr id="item222" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<a id="tag" name="tag" accesskey="g"></a>
<span>
<li class="views desc">
<form action="/privmsg" method="post" name="post">
<input name="username[]" type="text" style="display:none" value="[F]lames">
<input value="Pedido de tag BS" style="display:none;" maxlength="64" name="subject" type="text" class="usernameinput">
</form>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Fim aba 1 -->
<!-- Início aba 2 --><div id="abas2" class="abas" style="display: none"><div class="box_r"><div class="main-head">
<div class="page-title"><h2>Carrinho de Compras</h2></div>
</div><div class="cartWrapper"><div class="cart" id="cartj"><div class="cart_body"><div class="cart_items">
<ul class="theList">
</ul>
</div>
</div>
<span class="totaler"></span>
</div>
<form id="privatemessage" action="/privmsg" method="post" name="post">
<select style="display: none" name="usergroup"><option value="1">Administradores</option></select>
<input value="Compras - Beco Diagonal" style="display:none" maxlength="64" name="subject" type="text" class="usernameinput">
<textarea id="cartMessage" style="display:none" class="noThis" name="message"></textarea>
<span class="buttons">
<input id="submitCart" type="submit" value="Confirmar pedido" onclick="this.disabled = false;document.getElementById('sendingBut').disabled = false;return false;"> Atualize antes de enviar.
<input type="submit" value="Enviar pedido" name="post" id="sendingBut" disabled="disabled"></span></form>
</div><div id="checkout">
Gostaria de confirmar sua compra? Se assim for é só clicar no botão Enviar pedido. Tempo entre 24 - 48 horas para a entrega de seus itens.
<br>
<span>Lembre-se de clicar em atualizar carrinho antes de enviar!<br>Enviar o pedido não irá funcionar de outra forma. <br>Também verifique se você tem pontos suficientes para fazer tal compra!</span>
</div>
</div>
</div>
<!-- Fim aba 2 -->
</div>
</div>
</div>
</div>
</div>
</div>
Até!
Re: Loja para forum
Ele é homem.
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas. |
Tópicos semelhantes
» Tópico automático para loja do fórum
» Icone para Loja
» Ajustes na loja de pontos
» Como faço para não aparecer essas letras bugadas na minha loja?
» Loja no fórum
» Icone para Loja
» Ajustes na loja de pontos
» Como faço para não aparecer essas letras bugadas na minha loja?
» Loja no fórum
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos