Guilde RP - Kirin Tor - World of warcraft
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 lalalalalalalfofififififififio

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
King Brunus
Admin
avatar

Messages : 149
Date d'inscription : 29/11/2016

Feuille de personnage
Traits-physique: Carrure imposante, 2m18 pour 192kg d'ou son surnom "La Montagne", de son vrai nom "Baris Van Egmond". Fait plus vieux que son âge.

MessageSujet: lalalalalalalfofififififififio   Mar 9 Jan - 13:40

<iframe style="display: block; height: 1000px; width: 700px; margin: auto;" src="http://latavernedespelows.forumactif.com/h3-boutique" frameborder="0"></iframe>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://latavernedespelows.forumactif.com
King Brunus
Admin
avatar

Messages : 149
Date d'inscription : 29/11/2016

Feuille de personnage
Traits-physique: Carrure imposante, 2m18 pour 192kg d'ou son surnom "La Montagne", de son vrai nom "Baris Van Egmond". Fait plus vieux que son âge.

MessageSujet: Re: lalalalalalalfofififififififio   Mar 9 Jan - 13:41

<iframe style="display: block; height: 150px; width: 302px; margin: auto; border: none;" src="http://latavernedespelows.forumactif.com/h2-sound " frameborder="0"></iframe>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://latavernedespelows.forumactif.com
King Brunus
Admin
avatar

Messages : 149
Date d'inscription : 29/11/2016

Feuille de personnage
Traits-physique: Carrure imposante, 2m18 pour 192kg d'ou son surnom "La Montagne", de son vrai nom "Baris Van Egmond". Fait plus vieux que son âge.

MessageSujet: Re: lalalalalalalfofififififififio   Mar 9 Jan - 13:45

<br /><!DOCTYPE html>
<html>
<head>

<input type="hidden" value="2" name="t" />
<meta charset="utf-8" />
<meta name="author" content="Onyx" />
<title>Boutique</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: 850px;
background-color: #efefef;
border: 8px double #747474;
border-left: 1px solid #747474;
border-right: 1px solid #747474;
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 #747474;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
/*Menu de gauche*/
#menu {
float: left;
text-align: left;
padding-top: 5px;
width: 150px;
height: 825px;
margin-right: 10px;
padding-left: 5px;
border-right: 1px solid #747474;
}
/*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: 650px;
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;
}
/*Panier invisible*/
#panier {
display: none;
border: none;
}
/*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;
}
a {
text-decoration: none;
color: #454545;
}
a:hover {
color: #000000;
}
</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="FORUMNAME"></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="Accessoire" />
Accessoires
</li>
<!-- OPTION #4 -->
<li><input type="checkbox" name="Objet" />
Objets
</li>
<!-- OPTION #5 -->
<li><input type="checkbox" name="Magie" />
Magie
</li>
</ul>
<!-- FIN CATÉGORIE TYPE -->

<!-- DÉBUT CATÉGORIE NIVEAU -->
<span class="menu_title">Niveau</span>
<ul id="Niveau">
<!-- OPTION #1 -->
<li><input type="checkbox" name="Niv1" />
Niveau 1
</li>
<!-- OPTION #2 -->
<li><input type="checkbox" name="Niv2" />
Niveau 2
</li>
<!-- OPTION #3 -->
<li><input type="checkbox" name="Niv3" />
Niveau 3
</li>
<!-- OPTION #4 -->
<li><input type="checkbox" name="Niv4" />
Niveau 4
</li>
<!-- OPTION #5 -->
<li><input type="checkbox" name="Niv5" />
Niveau 5
</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 Commun Niv1">
<div class="item_bloc">
<img src="URL DE ITEM" /><br />
<span class="item_name">Nom de l'item</span><br />
Type Niveau<br />
Rareté<br />
Prix : <span class="nbprix">XXX</span>$<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>$</div>
<div id="vuepanier">Mon panier est vide.</div>
<textarea id="panier"></textarea>
</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="total" id="total" style="display:none"></textarea>
<textarea name="message" id="message" style="display:none"></textarea>
<input type="hidden" value="reply" name="mode" />
<input type="hidden" value="70" name="t" />
<div style="clear: both;"></div>
</form>
<script type="text/javascript">
//<!--
var totalbase = 0;
$('#total2').html(totalbase);
$('#total').val(totalbase);
var totaltotal = [];
$('.ajoutprix').click(function() {
var prix = parseInt($(this).parent().find('.nbprix').eq(0).html());
var qt = parseInt($(this).parent().find('input').eq(0).val());
var total = qt*prix;
var nomitem = $(this).parent().find('.item_name').eq(0).html();
var phrase = qt+" "+nomitem+" à "+prix+"$ pour un total de "+total+"$<br />";
totaltotal.push(total);
var nbtotal = totaltotal.length;
var vraitotal = 0;
for (i = 0; i < nbtotal; i++) {
vraitotal = vraitotal+totaltotal[i];
}
$('#total').val(vraitotal);
$('#total2').html(vraitotal);
if ($('#panier').val().length < 1) {
$('#panier').val(phrase);
}
else {
var ajoutphrase = $('#panier').val();
ajoutphrase = ajoutphrase+phrase;
$('#panier').val(ajoutphrase);
}
var machinchose = $('#panier').val();
$('#vuepanier').html(machinchose);
});
function effacer() {
$('#vuepanier').html("Votre panier est vide.");
$('#panier').val("");
var nbtotal = totaltotal.length;
for (i = 0; i < nbtotal; i++) {
totaltotal[i] = 0;
$('#total').val(totalbase);
$('#total2').html(totalbase);
}
}
function CompleteMessage() {
document.getElementById('message').value = "Bonjour,<br /><br /> J'aimerais acheter les articles suivants s'il vous plaît :<br /><br />" +
document.getElementById('panier').value +
"<br />Le coût total de ma commande est de : " +
document.getElementById('total').value +
"$.";
}
//-->
</script>
<script type="text/javascript">
//<!--
function notriage(){
$('#menu').find('input:checked').prop( "checked", false );
$('#contenu_shoponglet_Tout').css("display", "block");
$('#contenu_shoponglet_Autre').html("");
}

/*Nombre de catégories*/
var nbtype = $("#menu").find("ul").length;

/*Fonction triage*/
function triage() {

/*On trouve le nombre de cases cochées*/
var totalcheck = $('#menu').find('input:checked').length;
/*On se débarasse des items déjà triés*/
$('#contenu_shoponglet_Autre').html("");

/*Si aucune case est cochée*/
if (totalcheck < 1) {
/*On garde tous les items*/
$('#contenu_shoponglet_Tout').css("display", "block");
}
/*Sinon*/
else {
/*On fait disparaître la liste complète*/
$('#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 = $('#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] = $('#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 = $('#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 = $('#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++) {
$('#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 = $('#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 = $('#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) {
$('#contenu_shoponglet_Autre').children().eq(y).addClass('Detruire');
}
}
/*On détruit les items à droite qui ont la classe Detruire*/
$('#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) {
$('#contenu_shoponglet_Autre').html("Aucun résultat ne correspond à votre recherche.");
}
}
}
//-->
</script>
</body>
</html>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://latavernedespelows.forumactif.com
Contenu sponsorisé




MessageSujet: Re: lalalalalalalfofififififififio   

Revenir en haut Aller en bas
 
lalalalalalalfofififififififio
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
La Garde D'Elwynn :: Nom de votre catégorie-
Sauter vers: