(Onyx) [ÉLÉMENT] Champs spécifiques du profil sur la PA du forum

Ocean Lounge. a écrit:La commande est toujours d'actualité ♥

Ocean Lounge. a écrit:la commande est toujours d'actualité !

Ocean Lounge. a écrit:la commande est toujours d'actualité !

Ocean Lounge. a écrit:la commande est toujours d'actualité !

Code:

/********** DÉBUT PROFIL SUR LA PA **********/

/*Bloc de la PA avec profil*/
.paprofil_bloc {
  background: url('https://cdn.discordapp.com/attachments/325726645703016448/326762188553322504/fond1pa.png');
  margin: auto;
  width: 750px;
  height: 145px;
  position: relative;
  text-transform: uppercase;
  font-family: arial;
  font-style: italic;
  font-size: 13px;
  color: #e7e8d1;
  z-index: 50;
}
.paprofil_bloc > div {
  display: none;
}
/*Position des blocs intérieur*/
.paprofil_bloc > div > div {
  position: absolute;
  box-sizing: border-box;
  z-index: 85;
}

/*Bloc de la quete*/
.paprofil_quete {
  top: 9px;
  left: 12px;
  width: 195px;
  height: 22px;
  background: #929580;
  color: #6b7765;
  font-size: 16px;
  padding-left: 2px;
  line-height: 25px;
  vertical-align: bottom;
}
/*Quete qui vient du profil*/
#paprofil_quete {
  display: inline-block;
  line-height: 12px;
  vertical-align: top;
  margin-top: 6px;
  margin-left: 10px;
  color: #343123;
  font-size: 12px;
  text-transform: none;
}

/*Symbole de objectif*/
.paprofil_objectif_forme {
  position: absolute;
  top: 40px;
  left: 12px;
  opacity: 0.3;
}
/*Bloc de objectif*/
.paprofil_objectif {
  top: 36px;
  left: 12px;
  width: 200px;
  height: 50px;
  font-size: 14px;
  padding-right: 5px;
  overflow: auto;
  text-align: justify;
}
/*Objectif qui vient du profil*/
#paprofil_objectif {
  font-size: 11px;
  text-transform: none;
}

/*Bloc argent sous objectif*/
#paprofil_money {
  top: 94px;
  left: 12px;
  width: 45px;
  height: 17px;
  border: 1px solid #e7e8d1;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
}

/*Bloc xp sous objectif*/
#paprofil_xp {
  top: 94px;
  left: 61px;
  width: 47px;
  height: 17px;
  border: 1px solid #e7e8d1;
  font-size: 12px;
  vertical-align: middle;
  text-align: center;
}

/*Bloc items sous objectif*/
.paprofil_items {
  top: 94px;
  left: 112px;
  width: 96px;
  height: 17px;
  border: 1px solid #e7e8d1;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
  padding-left: 10px;
}

/*Bloc avatar*/
#paprofil_avatar {
  top: 13px;
  left: 223px;
  width: 70px;
  height: 97px;
}
/*Image avatar*/
#paprofil_avatar img {
  width: 70px;
  height: 97px;
  z-index: 85;
}
/*Deco avatar*/
.paprofil_avatar_deco {
  position: absolute;
  display: block;
  top: 11px;
  left: 218px;
  width: 58px;
  height: 99px;
  z-index: 88;
}

/*Level après avatar*/
#paprofil_level {
  background: #363e29;
  color: #687563;
  top: 13px;
  left: 293px;
  width: 90px;
  height: 13px;
  padding-left: 10px;
  line-height: 13px;
  vertical-align: middle;
  font-size: 11px;
}
/*XP après avatar*/
#paprofil_xp2 {
  background: #2d3220;
  color: #687563;
  top: 33px;
  left: 293px;
  width: 90px;
  height: 13px;
  padding-left: 10px;
  line-height: 13px;
  vertical-align: middle;
  font-size: 11px;
}
/*Argent après avatar*/
#paprofil_money2 {
  background: #212319;
  color: #687563;
  top: 52px;
  left: 293px;
  width: 90px;
  height: 13px;
  padding-left: 10px;
  line-height: 13px;
  vertical-align: middle;
  font-size: 11px;
}

/*Bloc Arme 1*/
.paprofil_weapon1 {
  top: 77px;
  left: 308px;
  width: 32px;
  height: 32px;
}
/*Bloc Arme 2*/
.paprofil_weapon2 {
  top: 77px;
  left: 343px;
  width: 32px;
  height: 32px;
}
/*Bloc Arme 3*/
.paprofil_weapon3 {
  top: 77px;
  left: 380px;
  width: 32px;
  height: 32px;
}

/*Bloc Nom Rang et Race*/
.paprofil_nomrankrace {
  height: 50px;
  top: 14px;
  left: 400px;
  width: 190px;
  text-align: left;
}
/*Pseudo*/
#paprofil_nom {
  color: #000000;
  font-size: 20px;
  text-align: left;
}
/*Rang*/
#paprofil_rang {
  color: #687563;
  text-align: left;
  font-size: 14px;
}
/*Race*/
#paprofil_race {
  color: #2a2618;
  text-align: left;
  font-size: 13px;
  text-transform: none;
  padding-left: 8px;
}

/*Bloc modifier le profil*/
#paprofil_modif {
  position: absolute;
  display: block;
  top: 77px;
  left: 420px;
  width: 172px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  background: #2d3220;
  color: #687563;
  text-decoration: none;
}
/*Modifier le profil au survol*/
#paprofil_modif:hover {
  background: #212319;
  text-decoration: none;
}

/*Bloc Discord*/
#paprofil_discord {
  position: absolute;
  right: 10px;
  top: 0px;
}
/*Image Discord*/
#paprofil_discord img {
  width: 130px;
  height: 130px;
  opacity: 0.3;
}
/*Image Discord au survol*/
#paprofil_discord img:hover {
  opacity: 0.4;
}
/*Ligne qui sépare Discord*/
#paprofil_discordline {
  border-right: 2px solid #3d4733;
  position: absolute;
  z-index: 75;
  display: block;
  top: 10px;
  right: 145px;
  width: 0px;
  height: 110px;
}


/* Texte des infobulles */
#paprofil_items,
#paprofil_weapon1,
#paprofil_weapon2, 
#paprofil_weapon3 {
  visibility: hidden;
  width: 100px;
  background: #2d3220;
  color: #687563;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 86;
  top: 125%;
  left: 50%;
  margin-left: -50px;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

/* Flêche des infobulles */
#paprofil_items::after,
#paprofil_weapon1::after,
#paprofil_weapon2::after, 
#paprofil_weapon3::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #2d3220 transparent;
}

/* Apparition infobulles */
.paprofil_items:hover #paprofil_items,
.paprofil_weapon1:hover #paprofil_weapon1,
.paprofil_weapon2:hover #paprofil_weapon2,
.paprofil_weapon3:hover #paprofil_weapon3 {
  visibility: visible;
  opacity: 88;
}
/********** FIN PROFIL SUR LA PA **********/

Code:

// on attend que la page HTML soit prête
$(function(){
 
  // on crée la variable
  var machin = 0;
 
  // on vérifie que la personne est connectée
  if (_userdata.user_id > -1) {
   
    // On fait apparaître la partie profil
    $('.paprofil_bloc > div').css('display', 'block');
   
    // on va sur sa page profil
    $.get('/u' + _userdata.user_id, function(data){
     
      // on récupère le contenu de Quete
      machin = $('#field_id1 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_quete').append(machin);
      }
     
      // on récupère le contenu de Objectif
      machin = $('#field_id2 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_objectif').append(machin);
      }
       
      // on récupère le contenu de Money
      machin = $('#field_id3 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_money').prepend(machin);
      }
     
      // on récupère le contenu de XP
      machin = $('#field_id4 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_xp').prepend(machin);
      }
     
      // on récupère le contenu de Items
      machin = $('#field_id5 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_items').append(machin);
      }
     
      // on récupère le contenu de Level
      machin = $('#field_id9 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_level').append(machin);
      }
     
      // on récupère le contenu de XP2
      machin = $('#field_id7 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_xp2').prepend(machin);
      }
     
      // on récupère le contenu de Money2
      machin = $('#field_id13 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_money2').prepend(machin);
      }
     
      // on ajoute le contenu de Rang
      machin = $('.profile-view-list:first > dl:eq(2) > dd:first', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_rang').append(machin);
      }
     
      // on récupère le contenu de Race
      machin = $('#field_id9 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_race').append(machin);
      }
     
      // on récupère le contenu de Weapon1
      machin = $('#field_id6 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_weapon1').append(machin);
      }
     
      // on récupère le contenu de Weapon2
      machin = $('#field_id7 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_weapon2').append(machin);
      }
     
      // on récupère le contenu de Weapon3
      machin = $('#field_id8 .field_uneditable', data).html();
      // si il existe on le rajoute sur la pa
      if (machin.length > 0) {
        $('#paprofil_weapon3').append(machin);
      }
     
    });
   
    // on ajoute Avatar
    $('#paprofil_avatar').append(_userdata.avatar);
   
    // on ajoute Nom
    $('#paprofil_nom').append(_userdata.username);
  }
});