Spoiler:

hey je voulais savoir si ta commande est toujours d'actualité. j'aimerais bien m'en servir pour compléter ma candidature.

c'est bon. je me met dessus ce soir. je devrais te rendre un rendu d'ici demain ou samedi.

Il me manquerait simple l'image de fond derrière les titres de catégories, pour le coup.

Pas de problème. je vais mettre une image au hasard. Ça avance, il me reste plus que la partie avatar du dernier posteur et derniers messages + icon new/no new/close et les stas message+sujets. Après, je le met en template ou comme j'aime dire, le moment ou ça passe ou ça casse

edit: j'aimerais simplement savoir si tu as activé l'option ''Optimiser votre CSS'' ? sachant que ça pourrait faire tout casser le truc à l'installation, je préfère prévenir. du coup, si oui, faudrait simplement cocher la case non.

Affichage > Images et Couleurs > Couleurs > Feuille de style CSS. C'est tout en bas.

edit2 : Le résultat avant l'installation dans le template. le premier truc étant codé Le reste se sont simplement les images de référence, histoire de pas a avoir à jongler entre chrome et mon logiciel de code.

https://i.imgur.com/MPnZmEV.png

du coup, pour la peine, tu peux éditer ton titre, pour indiquer que le commande est bien prise en charge. histoire, d'être dans les règles. n'hésite pas à faire de même avec ton autre demande aussi. comme ça, personne se risquerait à tenter. ça évitera que les codeurs s’entremêlent les pinceaux.

Spoiler:

En ajoutant un petit margin: auto; a la variable css .fondtitre-cat devrait possiblement régler le problème, normalement.

Je regarde plus en profondeur dès que je passe sous pc!

edit; ce sont vraiment ses trois lignes de la variable .titre-cat qui créer des ''intéférences''. Après quelques tests, c'est vraiment très important que le background soit avant les deux -webkit- sinon, j'avais le même problème que ton aperçu. Donc, voilà, le bon ordre.

Code:

background: url(https://www.zupimages.net/up/20/21/41nn.png) repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Spoiler:

Spoiler:

Spoiler:

Code:

 #fa_toolbar{
    background-color: #799691;
    font-family: Rajdhani;
  }
#fa_toolbar_hidden {
    background-color: #799691;
}
#fa_toolbar_hidden #fa_show {
    background-image: url(https://2img.net/i/fa/i/toolbar/toolbar.png);
}
/***Code Barre***/
#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #6abcad;
  border-bottom: 2px solid #799691;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;
}
#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-family: Rajdhani;
}
/***Fin***/


/*** CODE PAGE D'ACCUEIL - MISSOUILLE ***/
  #pa-dr a {
      transition: all 0.5s;
  }
 
  #pa-dr a:hover {
      opacity: 0.7;
      transition: all 0.5s;
  }
 
  #pa-dr ::-webkit-scrollbar {
      width: 5px;
      height: 8px;
      background-color: #77bcb6;
  }
       
  #pa-dr ::-webkit-scrollbar-thumb {
      background: #84a5b5;
  }

 
  #pa-dr {
      width: 830px;
      font-family: Rajdhani;
      background: #cbcbcb;
  }
  #pa-dr .zone-titre {
      text-align: center;
      background: url(https://zupimages.net/up/20/23/lrne.png);
      background-size: cover;
      padding-bottom: 5px;
  }
 
  #pa-dr .zone-titre h1 {
      -webkit-background-clip: text!important;
      -webkit-text-fill-color: transparent;
      background: url(https://zupimages.net/up/20/23/xndb.png);
      background-position: 50% 35%;
      text-transform: uppercase;
      font-family: Orbitron;
      font-size: 40px;
      margin: 0;
      font-weight: 400;
  }
 
  #pa-dr .zone-titre span {
      text-transform: uppercase;
      font-family: Orbitron;
      color: #96eedf;
                font-size: 17px;

  }
 
  #pa-dr .titre {
      text-transform: uppercase;
      background: #70c0b2;
      color: #fff;
      padding: 0 2px;
      margin-bottom: 5px;
      display: inline-block;
      font-size: 11px;
  }
 
  #pa-dr .page-accueil {
      display: flex;
      padding: 15px;
  }
 
  #pa-dr .page-accueil > .zone-gauche, #pa-dr .page-accueil > .zone-droite {
      width: 35%;
      position: relative;
  } 
 
  .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      height: 175px;
      width: 260px;
      opacity: 0;
      transition: .5s ease;
      background: #BBBFBD;
  border: 1px solid #d5d5d5
  }
 
  #pa-dr .zone-contexte .overlay {
      padding: 5px;
  }

  .container:hover .overlay {
      opacity: 1;
  }
 
  #pa-dr .page-accueil > .zone-gauche .image-contexte {
      display: block;
      width: 270px;
      height: 185px;
      position: absolute;
      left: 0;
      top: 0;
  border: 1px solid #d5d5d5
  }
 
  #pa-dr .zone-contexte {
      background: #BBBFBD;
      height: 175px;
      padding: 5px;
      position: relative;
            text-align: left;
  }
 
  #pa-dr .zone-contexte .contexte {
      text-align: justify;
      font-size: 12px;
      line-height: 15px;
      overflow: auto;
      height: 150px;
      padding: 0 5px;
  }
 
  #pa-dr .zone-mdm {
      display: flex;
      position: relative;
      justify-content: center;
      margin-top: 20px;
  }
 
  #pa-dr .zone-mdm .container {
      display: flex;
      position: relative;
      width: 60px;
      height: 64px;
      border-radius: 75px;
      margin: 0 8px;
  }
 
  #pa-dr .zone-mdm .container .image {
      display: block;
      width: 60px;
      height: 60px;
      border-radius: 75px;
      border: 4px solid #d5d5d5;
      position: absolute;
      left: 0;
      top: 0;
  }
 
  #pa-dr .zone-mdm .container .overlay {
      background: #70c0b2;
      border: 4px solid #d5d5d5;
      border-radius: 75px;
      height: 52px;
      width: 60px;
      padding-top: 8px;
      text-align: center;
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
  }
 
  #pa-dr .zone-mdm .container .overlay a {
      text-decoration: none;
      font-size: 9px;
      color: #9ce9dc;
  }

  #pa-dr .page-accueil .zone-centre {
      width: 30%;
      margin: 0 15px;
  }
 
  #pa-dr .zone-liens {
      background: #BBBFBD;
      height: 165px;
      padding: 10px;
  border: 1px solid #d5d5d5
  }
 
  #pa-dr .zone-liens a {
      display: block;
      background: #819db2;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      text-decoration: none;
      margin-bottom: 7px;
      padding: 1px;
      border-left: 7px solid #70c0b2;
        font-size: 13px;
  } 
 
  #pa-dr .zone-liens a:hover {
      border-left: 7px solid #fff;
  }
 
  #pa-dr .zone-partenaires {
      margin-top: 15px;
      background: #BBBFBD;
      height: 60px; 
      align-items: center;
      flex-direction: column;
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      justify-content: center;
  border: 1px solid #d5d5d5
  }
 
  #pa-dr .zone-partenaires select {
      width: 70%;
      background: #819db2;
      border: 1px solid #819db2;
      color: #fff;
      margin-bottom: 10px;
      font-size: 13px;
     
      font-family: Rajdhani
      text-align: center;
  }
 
  #pa-dr .zone-partenaires span {
      display: block;
      width: 90%;
      margin: 0 10px;
      text-align: center;
      font-size: 12px;
 
  } 
 
  #pa-dr .zone-partenaires span a {
      text-decoration: none;
      color: #fff;
  }
 
  #pa-dr .zone-staff {
      display: flex;
      position: relative;
      justify-content: center;
      margin-top: 20px;
  }
 
  #pa-dr .zone-staff .container {
      display: flex;
      position: relative;
      width: 75px;
      height: 79px;
      border-radius: 75px;
      margin: 0 8px;
  }
 
  #pa-dr .zone-staff .container .image {
      display: block;
      width: 75px;
      height: 75px;
      border-radius: 75px;
      border: 4px solid #d5d5d5;
      position: absolute;
      left: 0;
      top: 0;
  }
 
  #pa-dr .zone-staff .container .overlay {
      background: #70c0b2;
      border: 4px solid #d5d5d5;
      border-radius: 75px;
      height: 61px;
      width: 74px;
      padding-top: 15px;
      text-align: center;
      color: #fff;
      font-size: 12px;
      text-transform: uppercase;
  }
 
  #pa-dr .zone-staff .container .overlay a {
      display: block;
      text-decoration: none;
      font-size: 12px;
      color: #9ce9dc;
  }
 
  #pa-dr .zone-actu {
          background: #BBBFBD;
      padding: 5px;
      height: 60px;
      margin-top: 15px;
      overflow: auto;
            text-align: left;
  border: 1px solid #d5d5d5
  }
 
  #pa-dr .zone-actu .actu {
      font-size: 12px;
      text-align: justify;
      line-height: 15px;
  }
 
  #pa-dr .zone-intrigue  {
      background: #cbcbcb;
      padding: 5px;
      height: 60px;
      margin-top: 15px;
      overflow: auto;
            text-align: left;
  border: 1px solid #d5d5d5
  }
 
  #pa-dr .intrigue {
      font-size: 10px;
      text-align: justify;
      line-height: 15px;
  } 

/** FIN PA **/
///////////////////////////////////////////////////////**CATEGORIES**///////////////////////////////////////////////////////////
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 669;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/orbitron/v15/yMJRMIlzdpvBhQQL_Qq7dy0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rajdhani Regular'), local('Rajdhani-Regular'), url(https://fonts.gstatic.com/s/rajdhani/v9/LDIxapCSOBg7S-QT7p4HM-Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

.flex-box {
    background-color: #4e3a50;
    padding: 5px;
    display: flex;
    width: 820px;
    margin: auto;}

.fondtitre-cat{
    width: 830px;
    background-image: url(https://i.imgur.com/jnyHo5e.jpg);
    background-size: cover;
    height: 50px;
    text-align: center;
    margin: auto;}

    .titre-cat {
  top: -12px;
    width: 830px;
    font-size: 35px!important;
    font-family: 'Orbitron', sans-serif;
    color: white;
  background: url(https://www.zupimages.net/up/20/21/41nn.png) repeat;
  -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    text-transform: uppercase; }

.titre-cat2 {
  top: -12px;
    width: 830px;
    font-size: 35px!important;
    font-family: 'Orbitron', sans-serif;
    color: white;
  background: url(https://www.zupimages.net/up/20/21/41nn.png) repeat;
  -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    text-transform: uppercase; }

.sous-forum{
  display: block;
  min-width:150px!important;
    overflow: auto;
    height: 100px;
    background-color: #efd9d2;
    padding: 3px;
    margin-right: 3px;}

.sousf a {
    display: block;
    width: 150px;
    height: 15px;
    background-color: #4e3a50;
    border-left: 5px solid #789ec1;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
    margin: 3px;
    padding-top: 1px;
    color: #efd9d2;
    font-size: 11px;}
.sousf {font-size: 0;}

.descrip-forum{
    height: 100px;
    width:415px;
    background-color: #efd9d2;
    padding: 3px;}

a.titre-fo{
    text-decoration: none;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
    margin: 3px;
    padding-top: 1px;
    color: #789ec1;
    font-size: 13px;}

    .descrip-text{
        width: 400px;
        color: #4e3a50;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-align: justify;
        padding: 4px;
        overflow: auto;
        height: 65px;
        line-height: 11px;

    }

    /* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #4e3a50;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #789ec1;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #789ec1;
}

pp  {
    background-color: #789ec1;
    text-transform: uppercase;
    font-family: 'Rajdhani', sans-serif;
    color: #efd9d2;
}

.avatar-cat  {
    width: 63px;
    height: 101px;
    margin-left: 5px;
    background-color: #efd9d2;
    padding: 3px;}

.lastpost-avatar img {
    width: auto;
    height: 96px;
}

    .stats-cat  {
    width: 150px;;
    height: 97px;
    padding: 5px;
    margin-top: -4px;
    }

.derniers-mess {
    width: 150px;
    height: 43px;
    background-color: #efd9d2;
    padding: 3px;
    color: #4e3a50;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;}

.icon-mess {
    background-color: #efd9d2 ;
    padding: 3px;
    height: 30px;
    width: 150px;
    margin-top: 3px;
    margin-bottom: 3px;}
 
.mess-suj {
    background-color: #789ec1;
    width: 157px;
    font-size: 10px;
    text-align: center;}
/********************* FIN DES CODES CATEGORIES ********************************/