Implementação Loja BS

Qual é minha questão:
Olá. Vocês poderiam disponibilizar um tutorial de como implantar a 'loja' no fórum BS? Eu, particularmente, adorei esse sistema, e como o meu fórum vai ser voltado para pokémon, seria uma boa.

Peço desculpas se o visual do meu fórum mudar depois desse pedido, ainda não achei um tema legal grátis.

Valeu.

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Ola,
Quer o codigo HTML da pagina da loja BS ?

Até Mais....

Sim, o código e o tutorial de como coloca-lo, pois creio que não seja tão fácil. O item comprado tem que ir para o perfil da pessoa (no meu caso queria a ficha, mas tudo bem) e o dinheiro tem de ser subtraído, tudo isso.

Seria possivel?

Olá,

Aceda ao Painel de Controle   Módulos  Gestão das Páginas HTML  Crie uma Nova Página e adicione o seguinte código:

Código:

<table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" width="100%"><div class="blockhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-image: url(http://www.cheatsmachine.com.br/forum/images/buttons/newbtn_middle.png); background-color: rgb(138, 135, 131); border: 1px solid rgb(110, 106, 101); border-top-right-radius: 5px; border-top-left-radius: 5px; background-position: initial initial; background-repeat: repeat no-repeat;"><b style="-webkit-box-shadow: none !important;"> » <a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(255, 255, 255); text-decoration: initial;"><b style="-webkit-box-shadow: none !important;">VIP Básico<br></b></a></b></div></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blockrow" rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 5px 10px;" align="center" width="10%"><a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(111, 144, 36); text-decoration: initial;"><img src="http://i.imgur.com/BrQP0.png" style="-webkit-box-shadow: none !important; border: 0px;" border="0"></a></td><td rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" valign="top" width="50%"><p style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br style="-webkit-box-shadow: none !important;">VIP[color=#5a5a5a][/color]
 é um grupo de usúario exclusivo do fórum.</p>As principais vantagens são:<ul style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"><br></span></li><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"></span><span style="font-family: Tahoma;">• Grupo VIP</span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Categoria VIP<br></span></li><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="font-family: Tahoma;">• TI e neon no nick </span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Medalha Vip<br></span></li></ul><br style="-webkit-box-shadow: none !important;"></td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 0px 0px 5px;" align="left" valign="top" width="40%"><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: inherit; border: 1px solid rgb(107, 145, 171);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left" width="50%">Preço</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right" width="50%"> <span class="Apple-converted-space"> </span><b style="-webkit-box-shadow: none !important;">R$ 5,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Renovação</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">R$ 3,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Duração</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">30</b><span class="Apple-converted-space"> </span>Dias</td></tr></tbody></table></td></tr></tbody></table><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="right" width="100%"><center style="-webkit-box-shadow: none !important;"><br></center></td></tr></tbody></table>[color=#5a5a5a][/color]
<div style="text-align: center;"><font size="5"><span style="font-weight: bold; color: DarkOrange;"></span></font><br><font size="5"><span style="font-weight: bold; color: DarkOrange;"></span></font></div><font size="5"><span style="font-weight: bold; color: DarkOrange;"><br></span></font><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td style="vertical-align: top;"><br></td><td colspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" width="100%"><div class="blockhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-image: url(http://www.cheatsmachine.com.br/forum/images/buttons/newbtn_middle.png); background-color: rgb(138, 135, 131); border: 1px solid rgb(110, 106, 101); border-top-right-radius: 5px; border-top-left-radius: 5px; background-position: initial initial; background-repeat: repeat no-repeat;"><b style=""> </b><b style="-webkit-box-shadow: none !important;"> » <a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(255, 255, 255); text-decoration: initial;"><b style="-webkit-box-shadow: none !important;">VIP Avançado</b></a><br></b></div></td><td style="vertical-align: top;"><br></td></tr><tr style="-webkit-box-shadow: none !important;"><td style="vertical-align: top;"><br></td><td class="blockrow" rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 5px 10px;" align="center" width="10%"><a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(111, 144, 36); text-decoration: initial;"><img src="http://i.imgur.com/ARIvZ.png" style="-webkit-box-shadow: none !important; border: 0px;" border="0"></a></td><td rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" valign="top" width="50%"><p style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br style="-webkit-box-shadow: none !important;">VIP[color=#5a5a5a][/color]
 é um grupo de usúario exclusivo do fórum, onde você tem vantagens [color=#5a5a5a][/color]
especiais e acesso a área e cheats dedicados somente à VIP/Super VIP!<br style="-webkit-box-shadow: none !important;">As principais vantagens são:</p><ul style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"></span><span style="font-family: Tahoma;"></span><span style="font-family: Tahoma;">• Grupo VIP</span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Categoria VIP/Painel<br></span></li></ul><span style="font-family: Tahoma;">• TI e neon no nick<br></span><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Medalha Vip</span><br><span style="font-family: Tahoma;"><br></span></td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 0px 0px 5px;" align="left" valign="top" width="40%"><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: inherit; border: 1px solid rgb(107, 145, 171);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left" width="50%">Preço</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right" width="50%"> <span class="Apple-converted-space">&nbsp;</span><b style="-webkit-box-shadow: none !important;">R$ 10,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Renovação</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">R$ 5,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Duração</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">35</b><span class="Apple-converted-space"> </span>Dias</td></tr></tbody></table></td><td style="vertical-align: top;"><br></td><td style="vertical-align: top;"><br></td></tr></tbody></table><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="right" width="100%"><center style="-webkit-box-shadow: none !important;"><br></center></td></tr></tbody></table>

Marque sim na Seguinte Opção:  Você deseja utilizar o início e o final da página do seu fórum ?


Se Ajudei Agradeça!

DaViD-DaViD escreveu:Olá,

Aceda ao Painel de Controle   Módulos  Gestão das Páginas HTML  Crie uma Nova Página e adicione o seguinte código:

Código:

<table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" width="100%"><div class="blockhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-image: url(http://www.cheatsmachine.com.br/forum/images/buttons/newbtn_middle.png); background-color: rgb(138, 135, 131); border: 1px solid rgb(110, 106, 101); border-top-right-radius: 5px; border-top-left-radius: 5px; background-position: initial initial; background-repeat: repeat no-repeat;"><b style="-webkit-box-shadow: none !important;"> » <a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(255, 255, 255); text-decoration: initial;"><b style="-webkit-box-shadow: none !important;">VIP Básico<br></b></a></b></div></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blockrow" rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 5px 10px;" align="center" width="10%"><a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(111, 144, 36); text-decoration: initial;"><img src="http://i.imgur.com/BrQP0.png" style="-webkit-box-shadow: none !important; border: 0px;" border="0"></a></td><td rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" valign="top" width="50%"><p style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br style="-webkit-box-shadow: none !important;">VIP[color=#5a5a5a][/color]
 é um grupo de usúario exclusivo do fórum.</p>As principais vantagens são:<ul style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"><br></span></li><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"></span><span style="font-family: Tahoma;">• Grupo VIP</span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Categoria VIP<br></span></li><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="font-family: Tahoma;">• TI e neon no nick </span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Medalha Vip<br></span></li></ul><br style="-webkit-box-shadow: none !important;"></td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 0px 0px 5px;" align="left" valign="top" width="40%"><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: inherit; border: 1px solid rgb(107, 145, 171);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left" width="50%">Preço</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right" width="50%"> <span class="Apple-converted-space"> </span><b style="-webkit-box-shadow: none !important;">R$ 5,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Renovação</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">R$ 3,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Duração</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">30</b><span class="Apple-converted-space"> </span>Dias</td></tr></tbody></table></td></tr></tbody></table><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="right" width="100%"><center style="-webkit-box-shadow: none !important;"><br></center></td></tr></tbody></table>[color=#5a5a5a][/color]
<div style="text-align: center;"><font size="5"><span style="font-weight: bold; color: DarkOrange;"></span></font><br><font size="5"><span style="font-weight: bold; color: DarkOrange;"></span></font></div><font size="5"><span style="font-weight: bold; color: DarkOrange;"><br></span></font><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td style="vertical-align: top;"><br></td><td colspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" width="100%"><div class="blockhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-image: url(http://www.cheatsmachine.com.br/forum/images/buttons/newbtn_middle.png); background-color: rgb(138, 135, 131); border: 1px solid rgb(110, 106, 101); border-top-right-radius: 5px; border-top-left-radius: 5px; background-position: initial initial; background-repeat: repeat no-repeat;"><b style=""> </b><b style="-webkit-box-shadow: none !important;"> » <a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(255, 255, 255); text-decoration: initial;"><b style="-webkit-box-shadow: none !important;">VIP Avançado</b></a><br></b></div></td><td style="vertical-align: top;"><br></td></tr><tr style="-webkit-box-shadow: none !important;"><td style="vertical-align: top;"><br></td><td class="blockrow" rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 5px 10px;" align="center" width="10%"><a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(111, 144, 36); text-decoration: initial;"><img src="http://i.imgur.com/ARIvZ.png" style="-webkit-box-shadow: none !important; border: 0px;" border="0"></a></td><td rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" valign="top" width="50%"><p style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br style="-webkit-box-shadow: none !important;">VIP[color=#5a5a5a][/color]
 é um grupo de usúario exclusivo do fórum, onde você tem vantagens [color=#5a5a5a][/color]
especiais e acesso a área e cheats dedicados somente à VIP/Super VIP!<br style="-webkit-box-shadow: none !important;">As principais vantagens são:</p><ul style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"></span><span style="font-family: Tahoma;"></span><span style="font-family: Tahoma;">• Grupo VIP</span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Categoria VIP/Painel<br></span></li></ul><span style="font-family: Tahoma;">• TI e neon no nick<br></span><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Medalha Vip</span><br><span style="font-family: Tahoma;"><br></span></td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 0px 0px 5px;" align="left" valign="top" width="40%"><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: inherit; border: 1px solid rgb(107, 145, 171);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left" width="50%">Preço</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right" width="50%"> <span class="Apple-converted-space">&nbsp;</span><b style="-webkit-box-shadow: none !important;">R$ 10,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Renovação</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">R$ 5,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Duração</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">35</b><span class="Apple-converted-space"> </span>Dias</td></tr></tbody></table></td><td style="vertical-align: top;"><br></td><td style="vertical-align: top;"><br></td></tr></tbody></table><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="right" width="100%"><center style="-webkit-box-shadow: none !important;"><br></center></td></tr></tbody></table>

Marque sim na Seguinte Opção:  Você deseja utilizar o início e o final da página do seu fórum ?


Se Ajudei Agradeça!

Ele esta a falar desta: http://bestskins.com.br/h12-loja

Mr.GamingPT escreveu:

DaViD-DaViD escreveu:Olá,

Aceda ao Painel de Controle   Módulos  Gestão das Páginas HTML  Crie uma Nova Página e adicione o seguinte código:

Código:

<table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" width="100%"><div class="blockhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-image: url(http://www.cheatsmachine.com.br/forum/images/buttons/newbtn_middle.png); background-color: rgb(138, 135, 131); border: 1px solid rgb(110, 106, 101); border-top-right-radius: 5px; border-top-left-radius: 5px; background-position: initial initial; background-repeat: repeat no-repeat;"><b style="-webkit-box-shadow: none !important;"> » <a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(255, 255, 255); text-decoration: initial;"><b style="-webkit-box-shadow: none !important;">VIP Básico<br></b></a></b></div></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blockrow" rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 5px 10px;" align="center" width="10%"><a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(111, 144, 36); text-decoration: initial;"><img src="http://i.imgur.com/BrQP0.png" style="-webkit-box-shadow: none !important; border: 0px;" border="0"></a></td><td rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" valign="top" width="50%"><p style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br style="-webkit-box-shadow: none !important;">VIP[color=#5a5a5a][/color]
 é um grupo de usúario exclusivo do fórum.</p>As principais vantagens são:<ul style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"><br></span></li><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"></span><span style="font-family: Tahoma;">• Grupo VIP</span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Categoria VIP<br></span></li><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="font-family: Tahoma;">• TI e neon no nick </span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Medalha Vip<br></span></li></ul><br style="-webkit-box-shadow: none !important;"></td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 0px 0px 5px;" align="left" valign="top" width="40%"><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: inherit; border: 1px solid rgb(107, 145, 171);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left" width="50%">Preço</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right" width="50%"> <span class="Apple-converted-space"> </span><b style="-webkit-box-shadow: none !important;">R$ 5,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Renovação</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">R$ 3,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Duração</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">30</b><span class="Apple-converted-space"> </span>Dias</td></tr></tbody></table></td></tr></tbody></table><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="right" width="100%"><center style="-webkit-box-shadow: none !important;"><br></center></td></tr></tbody></table>[color=#5a5a5a][/color]
<div style="text-align: center;"><font size="5"><span style="font-weight: bold; color: DarkOrange;"></span></font><br><font size="5"><span style="font-weight: bold; color: DarkOrange;"></span></font></div><font size="5"><span style="font-weight: bold; color: DarkOrange;"><br></span></font><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td style="vertical-align: top;"><br></td><td colspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" width="100%"><div class="blockhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-family: arial, helvetica, sans-serif; color: rgb(255, 255, 255); background-image: url(http://www.cheatsmachine.com.br/forum/images/buttons/newbtn_middle.png); background-color: rgb(138, 135, 131); border: 1px solid rgb(110, 106, 101); border-top-right-radius: 5px; border-top-left-radius: 5px; background-position: initial initial; background-repeat: repeat no-repeat;"><b style=""> </b><b style="-webkit-box-shadow: none !important;"> » <a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(255, 255, 255); text-decoration: initial;"><b style="-webkit-box-shadow: none !important;">VIP Avançado</b></a><br></b></div></td><td style="vertical-align: top;"><br></td></tr><tr style="-webkit-box-shadow: none !important;"><td style="vertical-align: top;"><br></td><td class="blockrow" rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 5px 10px;" align="center" width="10%"><a rel="nofollow" href="http://cheatsmachine.com.br/forum/loja/vip.php" style="-webkit-box-shadow: none !important; color: rgb(111, 144, 36); text-decoration: initial;"><img src="http://i.imgur.com/ARIvZ.png" style="-webkit-box-shadow: none !important; border: 0px;" border="0"></a></td><td rowspan="4" style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;" align="left" valign="top" width="50%"><p style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br style="-webkit-box-shadow: none !important;">VIP[color=#5a5a5a][/color]
 é um grupo de usúario exclusivo do fórum, onde você tem vantagens [color=#5a5a5a][/color]
especiais e acesso a área e cheats dedicados somente à VIP/Super VIP!<br style="-webkit-box-shadow: none !important;">As principais vantagens são:</p><ul style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px;"><br><li style="margin: 0px; padding: 0px; list-style: none outside none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;"></span><span style="font-family: Tahoma;"></span><span style="font-family: Tahoma;">• Grupo VIP</span></li><li style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px; list-style: none;"><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Categoria VIP/Painel<br></span></li></ul><span style="font-family: Tahoma;">• TI e neon no nick<br></span><span style="-webkit-box-shadow: none !important; font-family: Tahoma;">• Medalha Vip</span><br><span style="font-family: Tahoma;"><br></span></td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 0px 0px 5px;" align="left" valign="top" width="40%"><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: inherit; border: 1px solid rgb(107, 145, 171);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left" width="50%">Preço</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right" width="50%"> <span class="Apple-converted-space">&nbsp;</span><b style="-webkit-box-shadow: none !important;">R$ 10,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Renovação</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">R$ 5,00</b></td></tr><tr style="-webkit-box-shadow: none !important;"><td class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="left">Duração</td><td style="-webkit-box-shadow: none !important; margin: 0px; padding: 0px 10px 0px 0px;" align="right"><b style="-webkit-box-shadow: none !important;">35</b><span class="Apple-converted-space"> </span>Dias</td></tr></tbody></table></td><td style="vertical-align: top;"><br></td><td style="vertical-align: top;"><br></td></tr></tbody></table><table style="-webkit-box-shadow: none !important; border-collapse: collapse; border-spacing: 0px; font-size: 12px; color: rgb(48, 48, 48); font-family: arial, helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 14px; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);" cellpadding="2" cellspacing="2" width="100%"><tbody style="-webkit-box-shadow: none !important;"><tr style="-webkit-box-shadow: none !important;"><td colspan="4" class="blocksubhead" style="-webkit-box-shadow: none !important; margin: 0px; padding: 4px 10px; color: rgb(62, 62, 62); background-image: none; background-color: rgb(233, 233, 233); border-top-width: 1px; border-top-style: solid; border-top-color: rgb(206, 206, 206); background-position: initial initial; background-repeat: repeat no-repeat;" align="right" width="100%"><center style="-webkit-box-shadow: none !important;"><br></center></td></tr></tbody></table>

Marque sim na Seguinte Opção:  Você deseja utilizar o início e o final da página do seu fórum ?


Se Ajudei Agradeça!

Ele esta a falar desta: http://bestskins.com.br/h12-loja

Exato.

Edit: Se possivel colocar um sistema automático, sem precisar de confirmação, seria melhor.

Olá!
Tente o código abaixo:

Código:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="pt" xml:lang="pt"  >
<script src="/99798.js" type="text/javascript"></script>
<head><title>Loja</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
</head>


<body>
<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 = €' + $total.toFixed(2));
var $newItem = '<li class="cart-item" data-points="'+ pointstoAdd+'">' + $(theID).find('.title').text()+ '</li>';
$('.theList').append($newItem);
BindIt();
});

function BindIt(){
 
    $('.cart-item').unbind('click');
 
    $('.cart-item').click( function(){
        $total -= parseFloat($(this).attr('data-points'));
        $('.totaler').html('Total de Moedas = €' + $total.toFixed(2));
        $(this).remove();
    });
}
});
 $(document).ready(
              function() {
                $('#submitCart').click(function() {
                var text = '';
var total = 0;

$(".theList li").each(function () {
  var string = $(this).text();
  var points = parseInt($(this).data('points'));

  //capitalize first letter of string
  text += string.charAt(0).toUpperCase() + string.slice(1)
  //add line break at the end
      + ' = ' + points + "\n";

  total += points;
});

//I think calculating total is easier than trying to manipulate $(".totaler")
text += "Total de Moedas = €" + total;
$("#cartMessage").text(text);
            });
        });
})(jQuery);
</script>
<style type="text/css">
.cart_items, #checkout{
padding: 10px;
border-radius: 3px;
background: white;
border: 1px solid #cdcdcd;
margin: 2px 10px;
}
.cartWrapper{width:100%;}
.statused li {list-style-type: none;}
.theList li {
list-style-type: upper-hexadecimal;
background: rgb(245, 93, 8);
margin: 1px 3px;
color: white;
font: bold italic 12px helvetica;
border-radius: 3px 5px 5px 3px;
display: inline-block;
padding: 2px 10px 2px 2px;
cursor: pointer;
}
.theList li:before {
content: " ";
position: relative;
display: inline-block;
height: 1px;
width: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgb(245, 93, 8);
left: -14px;
top: 1px;
}
.main .cont, .box_r, .box_t{
padding: 9px;
background: #ebf0f3;
}
.box_r {background: white;}
.LayoutLeft {
padding-left: 150px;
}
.Layout_smallleft {
position: relative;
width: 140px;
margin-left: -150px;
float: left;
}
.Tabs ul {
width: 149px !important;
margin-top: 10px;
border-top: 1px solid #DBE4EF;
border-left: 1px solid #DBE4EF;
}
.Tabs li {
background: #f6f8fb;
color: #808080;
border-bottom: 1px solid #DBE4EF;
font-size: 13px;
}
.Tabs li.active a {
width: 135px;
position: relative;
z-index: 8000;
border-right: 1px solid #fff;
background: #fff !important;
color: #353535 !important;
font-weight: bold;
}
.Tabs li a {
display: block;
padding: 10px 8px;
outline: 0;
color: #8d8d8d;
border-right: 1px solid #DBE4EF;
-webkit-transition: background-color 0.1s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
}
.Tabs li a:hover {
background: #eaeff5;
color: #808080;
}
#usercp_content {
min-height: 395px;
}
.message {
background: #ebfcdf;
padding: 10px;
border: 1px solid #a4cfa4;
color: #0e440e;
line-height: 1.6;
font-size: 12px;
}
.pun table.table td {padding: 10px;}
.pun table.table td.row2 {
background-color: #f1f6f9;
}
input[type="button"] {
 margin: 5px;
}
</style>


<div class="main">
  <div class="main-head">
  <div class="page-title"><h2>Loja</h2></div>
  </div>
 <div class="main-content cont">
  <div class="LayoutLeft clearfix">
         <div class="Tabs Layout_smallleft">
   <ul>
      <li class="active">
         <a href="#" title="Todos os ítens" class="all_itens">Todos os ítens</a>
      </li>
                <li>
         <a href="#" title="Carrinho de Compras" class="all_pay">Concluir o pedido</a>
      </li>
   </ul>
</div>
         <div id="usercp_content">
            <div class="box_r">
               <div class="box_t">
<!-- Início aba 1 -->
   <div id="abas1" class="abas">      
      <div class="box_r">
         <div class="message" style="margin:10px">
            <img src="http://2img.net/i/fa/i/smiles/icon_biggrin.png" /> Compre com sabedoria.
         </div>
<div class="main-head">
  <div class="page-title"><h2>Ítens</h2></div>
  </div>
<table cellspacing="0" class="table">
  <tbody class="statused">
<tr id="item1" class="item">
<td class="row2" style="text-align:center;width:10%;margin:5px">
<span>
<img src="http://i.imgur.com/taaL40o.png" style="width:50px;height:50px;">
</span>
</td>
<td class="col_f_content" style="width:40%;">
<h4 class="title">Gold STAR!</h4>
      <br>
      <span class="desc lighter blend_links">
         Stars, WHOA
      </span>
</td>
<td class="col_f_post">
   <ul>
   <li class="views desc points" data-myprice="200"><img src="http://i.imgur.com/qdiucii.png"> Preço: 200.00</li>
   <li class="views desc"><img src="http://i.imgur.com/pb1WAow.png"> Produto: a venda</li>
        <li class="views desc"><input type="button" class="addButton" data-item="item1" value="Comprar"></li>
      </ul>
   </td>
</tr>


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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

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


Até +!

Caramba, deu super certo. :3
Daí para trocar os itens é só eu editar o code, trocando nomes e imagens, certo?

Edit: Como funciona quando alguém quiser comprar?


[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

A forma de comprar é igual na BS.
Apenas uma modificação que é na parte:

Código:

<input name="username[]" type="text" style="display:none" value="Admin">

Nesta parte modifique Admin para o seu nome no fórum!

Até +!

Eu coloquei o sistema de pontos no meu forum. Desativei todos os locais que ganham para que os mestres do jogo adicionem de acordo com o plot e o decorrer do rpg. Btw.

Seria possivel colocar algo do tipo para subtrair os pontos, sendo assim não precisando de mandar MP e similares, e tal item ir para a ficha do personagem? Tipo uma 'loja' mesmo?

Já vi tal sistema num fórum (não sei feito aonde) chamado ASM (Harry Potter), tal sistema de 'venda' tinha até loteria, tudo automático. Creio que seja algo mais avançado, mas seria possivel?

1:

2:

3:

4:

5:

6:

Os itens que são 'caros demais' não dá para comprar e... como podem ver, é tudo automático e instantâneo. Há também o sistema de loteria, onde quanto mais jogadores jogam, maior fica o prêmio e no tempo estipulado um id é sorteado aleatoriamente e o premio é depositado. 

Peço ajuda. Grato.

Eu tenho aqui um código mais atualizado da loja. Aí ele: 

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Latysh escreveu:Eu tenho aqui um código mais atualizado da loja. Aí ele: 

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Vai para o css ou para a pag. html?

É página HTML Bill.