AJUDA- Loja

Minha questão:

Eu criei uma loja, fiz a aba, porém não consigo fazer com que tenha como comprar. Tentei ligar os pontos, mas não sei se isso mudaria alguma coisa nesse código.

Gostaria de ajuda para entender o código e para arruma-lo.

Código:

<br /><div class="inventWrapper"><div class="type_header">Ítens da loja</div><div class="itemWrapper"><div id="item1" class="item">
<span class="title"><font><font>Helmet</font></font></span><br>
<span class="image"><img src="http://png.findicons.com/files/icons/2169/picnic/70/helmet2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item1" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item2" class="item">
<span class="title"><font><font>Sabre de luz 1</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/lightsaber24.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item2" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item3" class="item">
<span class="title"><font><font>Sabre de luz 2</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/lightsaber28.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span><span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item3" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item4" class="item">
<span class="title"><font><font>Rain</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/weather_alt.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item4" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item5" class="item">
<span class="title"><font><font>Wow</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/categories2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item5" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item6" class="item">
<span class="title"><font><font>Nerd</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/todo8.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item6" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item7" class="item">
<span class="title"><font><font>Phantom</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/skeleton.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item7" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item8" class="item">
<span class="title"><font><font>DJ's</font></font></span><br>
<span class="image"><img src="http://png-4.findicons.com/files/icons/2169/picnic/70/mediaplayer2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item8" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item9" class="item">
<span class="title"><font><font>MazeFinger</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/mazefinger.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item9" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item10" class="item">
<span class="title"><font><font>MXTube</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/mxtube.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item10" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item11" class="item">
<span class="title"><font><font>TextWhite</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/textwhite.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item11" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item12" class="item">
<span class="title"><font><font>Copter</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/copter.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item12" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item13" class="item">
<span class="title"><font><font>OrangeBanner</font></font></span><br>
<span class="image"><img src="http://png-3.findicons.com/files/icons/2169/picnic/70/orangebanner.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item13" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item14" class="item">
<span class="title"><font><font>Jedi</font></font></span><br>
<span class="image"><img src="http://png-5.findicons.com/files/icons/2169/picnic/70/jedi.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item14" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item15" class="item">
<span class="title"><font><font>Sabre de luz 3</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/lightsaber12.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item15" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item16" class="item">
<span class="title"><font><font>Cat 1</font></font></span><br>
<span class="image"><img src="http://png-2.findicons.com/files/icons/2169/picnic/70/crashkart1.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item16" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item17" class="item">
<span class="title"><font><font>Cat 2</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/crashkart2.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item17" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item18" class="item">
<span class="title"><font><font>BattleAtSea</font></font></span><br>
<span class="image"><img src="http://png-1.findicons.com/files/icons/2169/picnic/70/battleatsea.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Mascote</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item18" value="Comprar"></font></font>
</div>
</div><div class="itemWrapper"><div id="item19" class="item">
<span class="title"><font><font>Pikachu</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i30.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item19" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item20" class="item">
<span class="title"><font><font>Gengar</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i31.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item20" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item21" class="item">
<span class="title"><font><font>Rhydon</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i32.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item21" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item22" class="item">
<span class="title"><font><font>Charmander</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i33.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item22" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item23" class="item">
<span class="title"><font><font>Totodile</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i34.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item23" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item24" class="item">
<span class="title"><font><font>Squirtle</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i35.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item24" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item25" class="item">
<span class="title"><font><font>Chikorita</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i36.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item25" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item26" class="item">
<span class="title"><font><font>Bulbasaur</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i37.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item26" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item27" class="item">
<span class="title"><font><font>Cyndaquil</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i38.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item27" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item28" class="item">
<span class="title"><font><font>Piplup</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i39.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>250 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item28" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item29" class="item">
<span class="title"><font><font>Ho-oh</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i40.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item29" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item30" class="item">
<span class="title"><font><font>Mew</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i41.png"></span><br><div class="descrip">
<span class="points" data-myprice="300"><font><font>300 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Pokémon favorito</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item30" value="Comprar"></font></font>
</div>
</div><div class="itemWrapper"><div id="item31" class="item">
<span class="title"><font><font>Internacional</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i10.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item31" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item32" class="item">
<span class="title"><font><font>Botafogo</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i11.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item32" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item33" class="item">
<span class="title"><font><font>Cruzeiro</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i12.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item33" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item34" class="item">
<span class="title"><font><font>Fiqueirense</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i13.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item34" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item35" class="item">
<span class="title"><font><font>Fluminense</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i14.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item35" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item36" class="item">
<span class="title"><font><font>Portuguesa</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i15.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item36" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item37" class="item">
<span class="title"><font><font>Flamengo</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i16.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item37" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item38" class="item">
<span class="title"><font><font>Santos</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i17.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item38" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item301" class="item">
<span class="title"><font><font>Palmeiras</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i18.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item301" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item302" class="item">
<span class="title"><font><font>Vasco</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i19.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item302" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item303" class="item">
<span class="title"><font><font>São paulo</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i20.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item303" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item304" class="item">
<span class="title"><font><font>Atlético-MG</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i21.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item304" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item305" class="item">
<span class="title"><font><font>Bahia</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i22.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item305" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item306" class="item">
<span class="title"><font><font>Náutico</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i23.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item306" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item307" class="item">
<span class="title"><font><font>Sport</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i24.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item307" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item308" class="item">
<span class="title"><font><font>Ponte preta</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i25.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item308" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item309" class="item">
<span class="title"><font><font>Corinthians</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i26.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item309" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item310" class="item">
<span class="title"><font><font>Coritiba</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i27.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item310" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item311" class="item">
<span class="title"><font><font>Atlético-GO</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i28.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item311" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item401" class="item">
<span class="title"><font><font>Grêmio</font></font></span><br>
<span class="image"><img src="http://i72.servimg.com/u/f72/18/07/42/17/shop_i29.png"></span><br><div class="descrip">
<span class="points" data-myprice="200"><font><font>200 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: O meu time do coração</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item401" value="Comprar"></font></font>
</div>
</div>
<div class="itemWrapper"><div id="item404" class="item">
<span class="title"><font><font>1 day Chatmod</font></font></span><br>
<span class="image"><img src="http://imageshack.us/a/img855/6770/chatmod.jpg"></span><br><div class="descrip">
<span class="points" data-myprice="500"><font><font>500 Moedas </font></font></span>
<span class="sale"><font><font>A venda </font></font></span><br>
<span class="description"><font><font>Categoria: Compre 1 dia de moderador no chatbox.</font></font></span>
</div>
    <font><font><input type="button" class="addButton" data-item="item404" value="Comprar"></font></font>
</div>
</div>

</div>

---

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

Versão:
Invision

Alguém me ajuda, por favor ?
Não sei como fazer com que a loja funcione, e que os itens comprados vão para uma parte do perfil. O botão parece nem ser clicável.


@Edit

Também preciso confirmar algo. A loja é totalmente automática ?
Vamos dizer, o usuário abre a pagina da loja, e clica em comprar, no momento em que ele clicar, vai retirar tantos pontos dele, e, com isso, adicionar a imagem com o nome no perfil do usuário.

Olá senhor,

Eu notei que estás a utilizar um código da Loja BestSkins, irei lhe disponibilizar o código:

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

Abra o seu Bloco de Notas ou Notepad, e altere apenas o trecho abaixo:

Código:


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


Altere admin para o usuário que receberá a mensagem, no caso você.

Para algumas informações adicionais visite o tópico:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Se deseja alterações, pode dizer, farei o que for possível para lhe ajudar!

@Edit:
Quanto ao seu edit, não, a loja não é automática, apenas a mensagem enviada (MP [Mensagem Privada]) será automática. De resto, você terá que fazer tudo! (Adicionar os CSS/Imagens/jQuery para o devido usuário)
E também retirar as 'moedas' dele!

Até + amigo!

Obrigado por ajudar, porém, teria como fazer um aviso pop-up(quando clicar em comprar, ai aparece pra confirmar ou cancelar), ou em cima da page escrito: " Somente clique em comprar 1 vez e se tiver ouro necessário. " ?

@Edit

Notei que já tem esse aviso, porém, teria como deixa-lo mais destacado ? De jeito que chamasse a atenção.
Gostaria de tirar o fundo e substitui-lo por um fundo de cor #171717 e com uma borda fina da cor #1D1D1D. Igual ao jeito da sidebar 

Sidebar:

. Ou simplesmente me ajude a achar o lugar onde muda o fundo da loja.
E também preciso saber o lugar, no código, aonde fica os símbolos no carrinho, aquele simbolo laranja.

Simbolos:

E, aonde que se encontra as imagens do cifrão $ e do produto, para que eu altere.

Muito obrigado pela ajuda

Olá,
Aqui está: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Quanto ao símbolo laranja, existe duas partes primeira: .theList li e o do mesmo before.
Vou lhe explicar, abra o bloco de notas ou notepad, e procure por .theList li, nele haverá alguns css, modifique apenas o background:

.theList li {
conteúdo...;
background: rgb(245, 93, 8);
}

Modifique rgb(245, 93, 8) para o código desejado. Logo abaixo dele, haverá o .theList li:before, nele terá o  border-right, modifique apenas a parte da cor (está em rgb, como na de cima)

.theList li:before {
conteúdo...;
border-right: 5px solid rgb(245, 93, 8);
}

Modifique para a cor desejada em hexadecimal (#fff, #000, #f00...) ou rgb.

Até +! [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Muito obrigado
Me ajudou pra caramba. Os símbolos eu pensei e resolvi procurar a img no código ( o que era o óbvio ... ). Enfim, muito obrigado por me ajudar

Pode fechar, se precisar

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código