Admin Team Fighter I
Messages : 26 Date d'inscription : 01/10/2014 Age : 30 Métier : plombier
Feuille de personnage Champ X RPG: Bla bla bla
| Sujet: Pour la boutique Ven 31 Mai - 9:45 | |
| Illi - Code:
-
<br /><!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="Onyx" /> <title>Olympie's Shop</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script type="text/javascript" src="http://tinyurl.com/var-fa"></script> <link href='https://fonts.googleapis.com/css?family=Dancing+Script|Libre+Baskerville' rel='stylesheet' type='text/css' /> <style type="text/css"> /*Corps*/ body { margin: 0px; } /*Le bloc entier de la boutique*/ #boutique { position: relative; padding-bottom: 10px; margin: auto; max-width: 600px; background-color: #ADB9D1; border: 8px double #232937; border-left: 1px solid #9CAAC4; border-right: 1px solid #9CAAC4; font-size: 14px; font-family: 'Times New Roman'; color: #707070; text-align: center; } /*Le bloc du titre de la boutique*/ #boutique_top { padding: 10px; font-size: 26px; font-family: 'Dancing Script', script; text-align: center; border-bottom: 1px solid #9CAAC4; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; } /*Menu de gauche*/ #menu { float: left; text-align: left; padding-top: 5px; width: 150px; height: 880px; margin-right: 10px; padding-left: 5px; border-right: 1px solid #9CAAC4; } /*Les boutons de tri*/ #trier, #trier2 { display: block; margin: auto; } /*Titres des catégories*/ .menu_title { display: inline-block; margin-left: 20px; border-bottom: 1px solid #707070; color: #707070; font-size: 16px; } /*Liste des options des catégories*/ #menu ul { margin-top: 5px; margin-bottom: 10px; list-style-type:none; } /*Option des catégories*/ #menu ul li { margin-left: -30px; } /*Partie de droite*/ #middle { overflow: auto; height: 880px; text-align: center; } /*Div de un seul item*/ .contenu_shoponglet > div { display: inline-block; text-align: center; margin-bottom: 10px; padding: 10px; } /*Bloc qui contient l'item*/ .item_bloc { display: inline-block; vertical-align: top; background-color: #cfcfcf; box-shadow: 0px 0px 10px #353535; width: 130px; padding: 5px; color: #565656; } /*Image de l'item*/ .item_bloc > img:first-child { display: inline-block; width: 100px; height: 100px; } /*Nom de l'item*/ .item_name { padding: 5px; font-size: 16px; font-family: 'Cambria'; font-weight: bold; text-transform: uppercase; } /*Input du nombre d'item à acheter*/ input[type="number"] { display: inline-block; max-width: 50px; border: 1px solid #a3a3a3; background-color: #efefef; text-align: center; margin-bottom: 2px; } /*Partie du panier*/ #bottom { position: relative; display: inline-block; margin: auto; width: 510px; background-color: #efefef; box-shadow: 0px 0px 10px #353535; color: #565656; text-align: center; overflow: hidden; } /*Titre du panier*/ #bottom_top { position: relative; z-index: 2; font-size: 24px; font-family: 'Dancing Script', script; text-align: center; border-bottom: 1px solid #747474; width: 500px; padding: 5px; background-color: #dfdfdf; box-shadow: 0px 0px 10px #353535; color: #565656; } /*Panier visible*/ #vuepanier { position: relative; z-index: 1; margin: 10px; margin-right: 0px; margin-left: 0px; width: 500px; height: 100px; background-color: #efefef; padding: 5px; padding-top: 0px; padding-bottom: 0px; color: #565656; text-align: justify; overflow: auto; } /*Bouton effacer et soumettre le panier*/ #soumettrepanier, #effacerpanier { display: inline-block; margin: auto; margin-top: 10px; margin-bottom: 5px; } /*Bouton soumettre le panier*/ #effacerpanier { margin-right: 15px; } /*Credit*/ .credits { font-size: 12px; position: absolute; width: 200px; bottom: 2px; left: 2px; text-align: left; } /*Liens*/ a { text-decoration: none; color: #454545; } a:hover { color: #000000; } /*Bloc objet dans le panier*/ .item_input { display: inline-block; margin-bottom: 5px; background-color: #cfcfcf; padding: 2px; width: 475px; text-align: left; } /*Le bloc du nom et prix de l'objet dans le panier*/ .iteminsidepanier { margin-left: 5px; display: inline-block; text-align: left; } /*Les boutons dans le panier*/ .item_input button { } /*Le bouton supprimer de l'objet dans le panier*/ .button_delete { margin-right: 2px; display: inline-block; } /*La quantité de l'objet dans le panier*/ .input_nb_object { margin: 0px 2px 0px 2px; display: inline-block; padding: 2px; border: 1px solid #a3a3a3; background: #efefef; width: 45px; text-align: center; } </style> </head> <body> <form enctype="multipart/form-data" name="post" method="post" action="/post" id="boutique" onsubmit="CompleteMessage()" target="_blank"> <div class="credits">Par Onyx de <a href="http://www.never-utopia.com/forum" target="_blank" >Never-Utopia</a>.</div> <div id="boutique_top"><div id="badam"></div> La boutique de <span class="La colonie"></span> </div>
<!-- DÉBUT DU MENU POUR TRIER --> <div id="menu"> <button id="trier2" type="button" onclick="notriage()">Rénitialiser le Tri</button><br /> <button id="trier" type="button" onclick="triage()">Trier les Items</button><br />
<!-- DÉBUT CATÉGORIE TYPE --> <span class="menu_title">Type</span> <ul id="Type"> <!-- OPTION #1 --> <li><input type="checkbox" name="Arme" /> Armes </li> <!-- OPTION #2 --> <li><input type="checkbox" name="Armure" /> Armures </li> <!-- OPTION #3 --> <li><input type="checkbox" name="Pharmacie" /> Pharmacie </li> <!-- OPTION #4 --> <li><input type="checkbox" name="Objet" /> Objets </li> <!-- OPTION #5 --> <li><input type="checkbox" name="Animaux" /> Animaux </li> <!-- OPTION #6 --> <li><input type="checkbox" name="Sortilèges" /> Sortilège et Personnalisatio </li> </ul> <!-- FIN CATÉGORIE TYPE -->
<!-- DÉBUT CATÉGORIE NIVEAU --> <span class="menu_title">Catégorie</span> <ul id="Métaux"> <!-- OPTION #1 --> <li><input type="checkbox" name="Bronze céleste" /> Bonze céleste </li> <!-- OPTION #2 --> <li><input type="checkbox" name="Fer stygien" /> Fer stygien </li> <!-- OPTION #3 --> <li><input type="checkbox" name="Hybride" /> Hybride </li> <!-- OPTION #4 --> <li><input type="checkbox" name="Nourriture Divine" /> Divine </li> <!-- OPTION #5 --> <li><input type="checkbox" name="Enchantement" /> Enchantement et transformation </li> <!-- OPTION #6 --> <li><input type="checkbox" name="Soin" /> Soin </li> </ul> <!-- FIN CATÉGORIE NIVEAU -->
<!-- DÉBUT CATÉGORIE PRIX --> <span class="menu_title">Prix</span> <ul id="Prix"> <!-- OPTION #1 --> <li><input type="checkbox" name="Max99" /> Moins que 100 </li> <!-- OPTION #2 --> <li><input type="checkbox" name="100_499" /> [100 et 499] </li> <!-- OPTION #3 --> <li><input type="checkbox" name="500_999" /> [500 et 999] </li> <!-- OPTION #4 --> <li><input type="checkbox" name="1000_4999" /> [1000 et 4999] </li> <!-- OPTION #5 --> <li><input type="checkbox" name="5000_10000" /> [5000 et 10000] </li> <!-- OPTION #6 --> <li><input type="checkbox" name="Min10000" /> Plus de 10000 </li> </ul> <!-- FIN CATÉGORIE PRIX -->
<!-- DÉBUT CATÉGORIE RARETÉ --> <span class="menu_title">Rareté</span> <ul id="Rarete"> <!-- OPTION #1 --> <li><input type="checkbox" name="Commun" /> Commun </li> <!-- OPTION #2 --> <li><input type="checkbox" name="Rare" /> Rare </li> <!-- OPTION #3 --> <li><input type="checkbox" name="Tresrare" /> Très rare </li> <!-- OPTION #4 --> <li><input type="checkbox" name="Unique" /> Unique </li> </ul> <!-- FIN CATÉGORIE RARETÉ -->
</div> <!-- FIN DU MENU POUR TRIER -->
<div id="middle"> <div class="contenu_shoponglet" id="contenu_shoponglet_Tout">
<!-- DÉBUT ITEM --> <div class="Arme Max99 rare Fer stygien"> <div class="item_bloc"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Crossed_gladii.png" /><br /> <span class="item_name">Glaive</span><br /> Type Fer stygien<br /> Rareté<br /> Prix : <span class="nbprix">50</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 Commun Bronze céleste"> <div class="item_bloc"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Crossed_gladii.png" /><br /> <span class="item_name">Glaive</span><br /> Type Bronze céleste<br /> rareté<br /> Prix : <span class="nbprix">20</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 très rare Hybride"> <div class="item_bloc"> <img src="https://upload.wikimedia.org/wikipedia/commons/3/38/Crossed_gladii.png" /><br /> <span class="item_name">Glaive</span><br /> Type Hybride<br /> rareté<br /> Prix : <span class="nbprix">20+40</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 rare Fer stygien"> <div class="item_bloc"> <img src="http://www.bourges1ere.fr/images/Technique/ArcChasse/Monobloc.gif" /><br /> <span class="item_name">Arc chasseresse</span><br /> Type Fer stygien<br /> Rareté<br /> Prix : <span class="nbprix">XXX</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 Commun Bronze céleste"> <div class="item_bloc"> <img src="https://www.comptoir-du-chateau.fr/1463-large_default/slavonne.jpg" /><br /> <span class="item_name">rapière</span><br /> Type Bronze céleste<br /> Rareté<br /> Prix : <span class="nbprix">35</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 rare Fer stygien"> <div class="item_bloc"> <img src="https://www.comptoir-du-chateau.fr/1463-large_default/slavonne.jpg" /><br /> <span class="item_name">rapière</span><br /> Type Fer stygien<br /> Rareté<br /> Prix : <span class="nbprix">35 + 30</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 Commun Bronze céleste"> <div class="item_bloc"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRJES7Lb9u1v-oW75n7ep_L-tghhFYh5LZCATUtc84PaHxmSNlW" /><br /> <span class="item_name">Epées jumelles</span><br /> Type Bronze céleste<br /> Rareté<br /> Prix : <span class="nbprix">40</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Arme Max99 Commun Bronze céleste"> <div class="item_bloc"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQfMSHOw2KvS1kOvZStuewS3cmmCsKrc0LIN8G9xqjryKCKX7tv" /><br /> <span class="item_name">Bouclier</span><br /> Type Bronze céleste<br /> Rareté<br /> Prix : <span class="nbprix">25</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Pharmacie Max99 Commun Soin"> <div class="item_bloc"> <img src="https://cadoetik.ch/90026-large_default/kit-de-secours-etanche-safe.jpg" /><br /> <span class="item_name">Kit de survie</span><br /> Type Pharmacie <br /> Rareté<br /> Prix : <span class="nbprix">25</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> <div class="Pharmacie Max99 Commun Nourriture divine"> <div class="item_bloc"> <img src="http://dianantes.free.fr/images/vegetal-barre-cereale.gif" /><br /> <span class="item_name">Boîte d'ambroisie</span><br /> Type Pharmacie<br /> Rareté<br /> Prix : <span class="nbprix">10</span>Drachme or<br /><br /> <input type="number" value="1" min="1" /><br /> <button class="ajoutprix" type="button">Acheter</button> </div> </div> <!-- FIN ITEM -->
</div> <div class="contenu_shoponglet" id="contenu_shoponglet_Autre"> </div> </div> <div id="bottom"> <div id="bottom_top">Mon Panier - <span id="total2">0</span>Drachme or</div> <div id="vuepanier">Mon panier est vide.</div> </div> <br /> <button id="effacerpanier" type="button" onclick="effacer()">Effacer mon panier</button> <input type="submit" id="soumettrepanier" value="Soumettre mon panier" name="post" /> <textarea name="message" id="message" style="display:none"></textarea> <input type="hidden" value="reply" name="mode" /> <input type="hidden" value="42" name="t" /> <div style="clear: both;"></div> </form> <script type="text/javascript"> //<!-- var totalbase = 0; drachme or('#total2').html(totalbase); var totaltotal = 0; /*Quand on ajoute un item au panier*/ Drachme or('.ajoutprix').click(function() { var prix = parseInt(Drachme or(this).parent().find('.nbprix').eq(0).html()); var qt = parseInt(Drachme or(this).parent().find('input').eq(0).val()); var qtprixcalculation = qt * prix; var nomitem = Drachme or(this).parent().find('.item_name').eq(0).html(); var phrase = "<span class='item_input'>" + "<button type='button' class='button_delete' onclick='deleteqtitem(this)'>x</button>" + "<button type='button' class='button_moins' onclick='removeqtitem(this)'>-</button>" + "<input type='text' class='input_nb_object' value='"+qt+"' data-prix='"+prix+"' onchange='calcultotal()'></input>" + "<button type='button' class='button_plus' onclick='addqtitem(this)'>+</button>" + "<span class='iteminsidepanier'><span class='thename'>"+nomitem+"</span>" + " à <span class='thepriceinside'>"+prix+"</span>Drachme or pour un total de" + " <span class='thetotalinside'>"+qtprixcalculation+"</span>Drachme or.</span>"; if (Drachme or('#vuepanier').html() == "Mon panier est vide.") { Drachme or('#vuepanier').html(phrase); } else { var ajoutphrase = Drachme or('#vuepanier').html(); ajoutphrase = ajoutphrase+phrase; Drachme or('#vuepanier').html(ajoutphrase); } calcultotal(); }); /*Ajouter un item déjà dans le panier*/ function addqtitem(bihihi) { var curritem = parseInt($(bihihi).prev().val()); var curritemafter = curritem + 1; Drachme or(bihihi).prev().val(curritemafter); calcultotal(); } /*Enlever un item déjà dans le panier*/ function removeqtitem(bohoho) { var curratem = parseInt(Drachme or(bohoho).next().val()); var curratemafter = curratem - 1; Drachme or(bohoho).next().val(curratemafter); calcultotal(); } /*Supprimer un item déjà dans le panier*/ function deleteqtitem(bahaha) { Drachme or(bahaha).parent().remove(); calcultotal(); } /*Fonction pour calculer*/ function calcultotal() { totaltotal = 0; Drachme or('.item_input').each(function(){ if (parseInt(Drachme or(this).find('.input_nb_object:first').val()) < 1) { Drachme or(this).remove(); } var otherprix = parseInt(Drachme or(this).find('.input_nb_object:first').attr('data-prix')); var otherquant = parseInt(Drachme or(this).find('.input_nb_object:first').val()); Drachme or(this).find('.thetotalinside:first').html((otherprix*otherquant)); totaltotal = totaltotal + (otherprix*otherquant); }); if (Drachme or('#vuepanier').html().length < 1) { Drachme or('#vuepanier').html("Mon panier est vide."); Drachme or('#total2').html(totalbase); } else { Drachme or('#total2').html(totaltotal); } } /*Fonction pour effacer le panier*/ function effacer() { Drachme or('#vuepanier').html("Mon panier est vide."); Drachme or('#total2').html(totalbase); } /*Fonction pour poster le message*/ function CompleteMessage() { var thetotalprice = totaltotal; var lemessage = "Bonjour,<br /><br />J'aimerais acheter les articles suivants s'il vous plaît :<br />"; Drachme or('.item_input').each(function(){ var theprice = parseInt(Drachme or(this).find('.input_nb_object:first').attr('data-prix')); var thesupername = Drachme or(this).find('.thename:first').html(); var thequant = parseInt(Drachme or(this).find('.input_nb_object:first').val()); var thequantpricetotal = thequant * theprice; lemessage = lemessage + "<br /> - "+thequant+" "+thesupername+" à "+theprice+"Drachme or pour un total de "+thequantpricetotal+"Drachme or"; }); lemessage = lemessage + "<br /><br />Le coût total de ma commande est de : "+thetotalprice+"$."; Drachme or('#message').val(lemessage); } //--> </script> <script type="text/javascript"> //<!-- function notriage(){ Drachme or('#menu').find('input:checked').prop( "checked", false ); Drachme or('#contenu_shoponglet_Tout').css("display", "block"); Drachme or('#contenu_shoponglet_Autre').html(""); } /*Nombre de catégories*/ var nbtype = Drachme or("#menu").find("ul").length; /*Fonction triage*/ function triage() { /*On trouve le nombre de cases cochées*/ var totalcheck = Drachme or('#menu').find('input:checked').length; /*On se débarasse des items déjà triés*/ Drachme or('#contenu_shoponglet_Autre').html(""); /*Si aucune case est cochée*/ if (totalcheck < 1) { /*On garde tous les items*/ Drachme or('#contenu_shoponglet_Tout').css("display", "block"); } /*Sinon*/ else { /*On fait disparaître la liste complète*/ Drachme or('#contenu_shoponglet_Tout').css("display", "none"); /*Tableau qui va contenir toutes les catégories qui ont au moins une case cochée*/ var nomtypech = []; /*Pour chaque catégorie on regarde si il y a une case cochée et si oui on met son id dans le tableau nomtypech*/ for (i = 0; i < nbtype; i++) { var nbcatcheckcal = $('#menu').find('ul:eq(' + i + ')').find('input:checked').length; if (nbcatcheckcal > 0) { var nomtype = Drachme or('#menu').find('ul:eq(' + i + ')').attr('id'); nomtypech.push(nomtype); } } /*Nombre de catégories qui ont une case cochée*/ var qunomtypech = nomtypech.length; /*Tableau qui contient le nombre de cases cochées par catégories où il y a des cases cochées*/ var nbnomcatch = []; /*Tableau qui contient le name de chaque case cochée*/ var nomcatch = []; for (i = 0; i < qunomtypech; i++) { /*On ajoute le nombre de case cochée de chaque catégories où il y en a au moins une dans le tableau nbnomcatch*/ nbnomcatch[i] = Drachme or('#menu').find('#' + nomtypech[i]).find('input:checked').length; for (y = 0; y < nbnomcatch[i]; y++) { /*On ajoute le name de chaque case cochée de chaque catégories où il y en a au moins une dans le tableau nomcatch*/ var truc1 = Drachme or('#menu').find('#' + nomtypech[i]).find('input:checked:eq(' + y + ')').attr('name'); nomcatch.push(truc1); } } /*Cela va indiquer à case cochée on est rendue. Il commence à 0*/ var banane = 0; /*Pour chaque catégorie où il y a une case cochée...*/ for (i = 0; i < qunomtypech; i++) { /*Si on est à la 1ère catégorie*/ if (i < 1) { /*Pour chaque case cochée de la 1ère catégorie...*/ for (y = 0; y < nbnomcatch[i]; y++) { /*Si on est la première case cochée de la 1ère catégorie*/ if (banane < 1) { /*On regarde le nombre de items qui ont le name de la 1ère case de la 1ère catégorie comme classe*/ var machin = Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).length; /*Pour chacun de ses items on le met dans la partie de droite*/ for (z = 0; z < machin; z++) { Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).eq(z).clone(true).appendTo('#contenu_shoponglet_Autre'); } /*On passe à la case suivante*/ banane = banane + 1; } /*Si on est la xème case cochée de la 1ère catégorie*/ else { /*On regarde le nombre de items qui ont le name de la xème case cochée comme classe*/ var machin = Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).length; /*Pour chacun de ces items...*/ for (z = 0; z < machin; z++) { /*Item que on est en train de regarder*/ var bamibam = Drachme or('#contenu_shoponglet_Tout').find('.' + nomcatch[banane]).eq(z); /*On créer la variable qui va regarder si le item que on regarde a une classe de un name qui a déjà été vérifié*/ var autretruc = 0; /*Pour chaque name qui est avant le name que on regarde présentement...*/ for (w = 0; w < banane; w++) { /*Name où on est rendu à vérifier*/ var pamplemousse = nomcatch[w]; /*Si le item que on regarde a comme classe un name que on a déjà regardé...*/ if (bamibam.hasClass(pamplemousse)) { /*on ajoute 1 à la variable autretruc*/ autretruc = autretruc + 1; } } /*Si autretruc est inférieur a 0 donc si le item que on regarde a pas un name que on a déjà vérifié...*/ if (autretruc < 1) { /*On ajoute le item à la zone de droite*/ bamibam.clone(true).appendTo('#contenu_shoponglet_Autre'); } } /*On passe à la case suivante*/ banane = banane + 1; } } } /*Si on est pas la 1ère catégorie qui a une case cochée...*/ else { /*On regarde le nombre de item dans la partie de droite*/ var chose12 = $('#contenu_shoponglet_Autre').children().length; /*on crée un tableau qui va contenir les items à enlever de la liste de droite*/ var calculenlever = []; /*Pour chaque item de la liste de droite on met 0 dans le tableau*/ for (z = 0; z < chose12; z++) { calculenlever[z] = 0; } /*Pour chaque case cochée de la catégorie où on est rendue...*/ for (y = 0; y < nbnomcatch[i]; y++) { /*Pour chaque item qui est dans la liste de droite...*/ for (z = 0; z < chose12; z++) { /*On regarde le xème item de droite*/ var fraise = $('#contenu_shoponglet_Autre').children().eq(z); /*Name de la case où on est rendu*/ var tomate = nomcatch[banane]; /*Si le item où on est rendu a cette case on ajoute 1 à sa place dans le tableau calculenlever*/ if (fraise.hasClass(tomate)) { calculenlever[z] = calculenlever[z] + 1; } } /*On passe à la case suivante*/ banane = banane + 1; } /*Si les items de droite on aucune classe de aucune des cases de cette catégorie on leur ajoute la classe Detruire*/ for (y = 0; y < chose12; y++) { if (calculenlever[y] < 1) { Drachme or('#contenu_shoponglet_Autre').children().eq(y).addClass('Detruire'); } } /*On détruit les items à droite qui ont la classe Detruire*/ Drachme or('#contenu_shoponglet_Autre').children('.Detruire').remove(); } } /*Si il y a 0 item à droite après le tri on dit que il y a 0 résultat*/ var kiwi = $('#contenu_shoponglet_Autre').children().length; if (kiwi < 1) { Drachme or('#contenu_shoponglet_Autre').html("Aucun résultat ne correspond à votre recherche."); } } } //--> </script> </body> </html> |
|
Admin Team Fighter I
Messages : 26 Date d'inscription : 01/10/2014 Age : 30 Métier : plombier
Feuille de personnage Champ X RPG: Bla bla bla
| Sujet: Re: Pour la boutique Ven 31 Mai - 9:45 | |
| http://libertia.kanak.fr/h22-boutique-du-monde-pirate |
|