Affichages nouveaux messages, pas de nouveaux messages...

[Argimpasa]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 30/08/2023
Lien du forum : https://darkpixel.forumactif.com/

Description du problème

Bonjour,

Désolée de revenir vous ennuyer. Si autant pour les autres codages, je savais plus ou moins où était le souci mais que je manquais de connaissance, ici je suis totalement dans l'inconnu.
Comme vous pouvez le voir, la case devant afficher s'il n'y a pas de nouveaux messages ou s'il y'en a reste blanche si je mets une image test dans la partie Couleur & Images de FA. J'ignore totalement où dans le CSS ou dans le template, je peux changer ça. Je vous remercie de votre aide.

Template

Code:

<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;1,400&display=swap" rel="stylesheet"/>
   <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="title_cate_salva">
   {catrow.tablehead.L_FORUM}
</div>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <div class="categories_content">
   <div class="description_img_block"></div>
   <div class="title_and_desc">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      <p>
         {catrow.forumrow.FORUM_DESC}
      </p>
   </div>
   <div class="stats_salva">
      <div class="last_message">
         {catrow.forumrow.LAST_POST}
      </div>
      <div class="mess_topic">
         {catrow.forumrow.TOPICS} topics et {catrow.forumrow.POSTS} messages
      </div>
   </div>
   <div class="img_etat_salva">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </div>
</div>
<div class="subforums_salva">
   {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</div>

   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

et le CSS

Code:

.headerbar { background : none; height:auto; }
#headerbar-top { height:auto; }

#logo img {
  max-width: 100%;
}

/* CATEGORIES - ARTEMIS */
:root
{
 --couleur-fond: #42c19a;
 --couleur-fond2: #bd6bc0;
}

a:hover
{
 text-decoration: none !important;
}

a
{
 text-decoration: none !important;
}

a:link
{
 text-decoration: none;
}

a:visited
{
 text-decoration: none;
}

.title_cate_salva
{
 width: 830px;
 height: 120px;
 margin: 10px auto;
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 outline: 1px solid white;
 outline-offset:-10px;
 background: url(https://zupimages.net/up/23/35/mno8.gif);
 -webkit-filter: none;
 filter: pinkscale(1);
 background-size: 100%;
 background-position: center top;
 background-repeat: no-repeat;
}

.title_cate_salva h2
{
 text-align: center;
 margin: 0 auto;
 color: white;
 font: 50px 'Oswald', sans-serif;
 text-transform: uppercase;
}

.categories_content
{
 width: 830px;
 height: 125px;
 margin: auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
 background: #f5f5f5;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #C5C5C5;
 margin-top: 10px;
 padding: 10px;
 position: relative;
}

.description_img_block
{
 width: 220px;
 height: 100px;
 background: #fafafa;
 border: 1px solid #e8e8e8;
 position: relative;
 z-index: 3;
}

.title_and_desc
{
 width: 415px;
 height: 100px;
}

.title_and_desc > a
{
 width: 100%;
 text-align: left;
 text-decoration: none;
 display: block;
 background: -webkit-linear-gradient(var(--couleur-fond), var(--couleur-fond2));
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font: 25px barlow condensed;
 text-transform: uppercase;
 font-style: oblique;
 height: 35px;
 margin-top: -5px;
 line-height: 35px;
}

.title_and_desc > a:before
{
 content: "||";
 margin-right: 5px;
}

.title_and_desc p
{
 width: 100%;
 margin: 0;
 font: 12px calibri;
 height: 70px;
 overflow: auto;
 line-height: 12px;
 text-align: justify;
 color: #8E8E8E;
}

.title_and_desc > p img
{
 width: 199px;
 height: 80px;
 position: absolute;
 top: 20px;
 left: 22px;
 -o-object-fit: cover;
 object-fit: cover;
 -webkit-filter: grayscale(1);
 filter: grayscale(1);
 z-index: 99;
}

.title_and_desc > p img:hover
{
 -webkit-filter: none;
 filter: none;
}

.stats_salva
{
 width: 160px;
 height: 100px;
 background: #fafafa;
 border: 1px solid #e8e8e8;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 text-align: center;
 padding-top: 15px;
}

.last_message
{
 box-sizing: border-box;
 width: 100%;
 height: 65px;
 font: 10px calibri;
 color: gray;
 text-transform: lowercase;
 font-style: oblique;
 padding-top: 5px;
}

.last_message a
{
 text-transform: uppercase;
 text-decoration: none;
 font-size: 10px;
 color: var(--couleur-fond2);
 font-style: normal;
}

.mess_topic
{
 width: 100%;
 height: 20px;
 margin-top: -5px;
 text-align: center;
 font: 8px calibri;
 text-transform: uppercase;
 /* font-weight: bold;
 */
 line-height: 20px;
 border-top: 1px solid #e8e8e8;
 color: gray;
}

.img_etat_salva
{
 position: absolute;
 left: 0px;
 top: 0px;
 z-index: 2;
}

.subforums_salva
{
 width: 830px;
 height: 23px;
 background: -webkit-gradient(linear, left top, left bottom, from(var(--couleur-fond)), to(var(--couleur-fond2)));
 background: -o-linear-gradient(var(--couleur-fond), var(--couleur-fond2));
 background: linear-gradient(to left, var(--couleur-fond), var(--couleur-fond2));
 margin: auto;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 0 5px;
 font-size: 0;
}

.subforums_salva a
{
 color: var(--couleur-fond2);
 text-decoration: none;
 font: 10px calibri;
 text-transform: uppercase;
 font-style: oblique;
 background: #fafafa;
 display: block;
 padding: 0 5px;
 margin: 0 2px;
}

.descFRM
{
 display: none;
}
a{text-decoration:none;}
a:hover{text-decoration:none !important;
}
::-webkit-scrollbar-thumb {
    background-color:#cb8a48;
}
::-webkit-scrollbar {
    width: 7px;
    height: 8px;
    border: 3px solid #eeeeee;
    background-color: #cb8a48;
}
.panel {
    box-shadow: none !important;
}
@font-face {
  font-family: ptlight;
  src:url('https://files.jcink.net/uploads/noctuary/Skin___Historia/FuturaPTLight.otf');
  format("opentype");
}
#s-m-t-tooltip {
max-width:300px;
z-index: 999;
margin:24px 14px 7px 12px;
padding:5px 12px 5px 12px;
background-color: #2e2c29;
  letter-spacing:1px;
font:9px arial;
text-transform: uppercase;
color:#eeeeee;
box-shadow: 0px 0px 3px rgba(78, 75, 73, 0.8);
}
#page-footer {
  margin: auto;
  background: #eee;
}
#page-footer a {
    color: black;
    font: 9px calibri;
    text-transform: uppercase;
}
.memberlist_t {
      width: 850px !important;
    height: 50px;
    background: #cbcbcb;
    border-radius: 10px;
    margin: auto !important;
    text-align: center;
    color: white !important;
    font: 11px roboto !important;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    margin-bottom: 10px;
}


.panelarte {
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 850px;
  margin: auto;
  background: none;
}

.panelarte h2 {
  border: none;
  color: #cbcbcb;
}

.memberlist_arte {
  width: 850px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  padding: 0;
 
}

.one_member {
  width: 275px;
  height: 120px;
  background: #95b8d9;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  position: relative;
  margin-bottom: 12px;
  overflow: hidden;
}

.one_member a, .one_member a:hover {
  text-decoration: none;
  color: white !important;
}

.one_member:before {
  content: " ";
  width: 120px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(251,251,251,0.2);
  z-index: 0;
  -webkit-clip-path: circle(50% at 29% 22%);
          clip-path: circle(50% at 29% 22%);
}

.avatar_member_list {
  width: 70px;
  height: 70px;
  z-index: 99;
}

.avatar_member_list img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 5px solid white;
  -o-object-fit: cover;
    object-fit: cover;
}


.pseudo_memberlist {
  margin: 0;
  width: 155px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 99;
}

.pseudo_memberlist > h2 {
  color: white;
  font: 12px roboto;
  text-transform: uppercase;
  font-weight: 500;
  border-left: 2px solid white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 5px;
  width: 100%;
}

.pseudo_memberlist div {
      color: white;
    font: 9px roboto;
    font-weight: 400;
    margin-top: -40px;
    font-style: oblique;
    margin-bottom: -5px;
    text-transform: lowercase;
 
 
}

.pseudo_memberlist > h2 strong {
  color: white;
  font-weight: 500;
}

.stats_link_members {
  width: 155px;
  margin-left: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -5px;
}

.stats_link_members span {
  display: block;
  font: 9px source code pro;
  color: white;
  text-transform: uppercase;
  margin: 0 0px;}

.one_member a[href^="/privmsg"]:before{
  content:'MP';
}

.stats_link_members a[href^="/privmsg"] img{
    display: none;
}

.stats_link_members span:after {
  content: "|";
    margin: 0 3px;
}

.stats_link_members span:last-child:after {
  content: " ";
}
:root {--color-pink: #d85eb1;}

.pa_arte {
  width: 800px;
  height: 500px;
  background: #EFEFEF;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 10px 5px 10px;
}

.pa_arte > h1 {
  width: 100%;
  height: 50px;
  border-bottom: 2px solid #c2c2c2;
  font: 40px 'Oswald';
  text-transform: lowercase;
  font-style: oblique;
  margin: 0;
  color: #c2c2c2;
  letter-spacing: -2px;
  position: relative;
  margin-bottom: 5px;
  text-align: left;
}

.pa_arte > h1:after {
  width: 100%;
  content: " ";
  height: 2px;
  background: var(--color-pink);
  position: absolute;
  bottom: -7px;
  left: 0;
}

.pa_arte > h1 > span {
  color: var(--color-pink);
}

.pa_arte > p:first-of-type {
  background: #f4f4f4;
  width: 450px;
  height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #cfcfcf;
  padding: 25px;
  overflow: auto;
  font: 11px roboto;
  text-align: justify;
  color: #979797;
  margin: 0;
  overflow: auto;
 
}

.pa_arte > p:nth-of-type(2) {
  background: var(--color-pink);
  height: 200px;
  width: 280px;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font: 11px calibri;
  color: white;
  text-align: justify;
  line-height: 11px;
  letter-spacing: 0.2px;
}

.pa_arte > p:nth-of-type(2) span {
  display: block;
  text-align: right;
  position: relative;
  font-size: 14px;
  font-style: oblique;
  margin-right: 5px;
  text-transform: lowercase;
  margin-bottom: 10px;
 
}

.pa_arte> p:nth-of-type(2) span:before {
  width: 120px;
  height: 1px;
  background: white;
  content: " ";
  position: absolute;
  left: 0;
  top: 6px;
  opacity: 0.8;

}

.pa_arte> p:nth-of-type(2) a {
  text-decoration: none;
  color: white;
}

.staff_block {
  width: 315px;
  height: 116px;
  background: #cccccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
 
}

.img_staff {
  width: 95px;
  height: 95px;
  background: #f4f4f4;
  border: 1px solid #b5b5b5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.img_staff img {
  width: 80px;
  height: 80px;
  display: block;
  margin: auto;
}

.img_staff div {
  width: 100%;
  height: 100%;
  background: rgba(251,251,251,0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 10x;
  left: 0;
  font: 11px calibri;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
 
 
}

.img_staff div span {
  display: block;
  margin: auto;
  color: var(--color-pink);
}

.img_staff div span strong {
  font-weight: normal;
  font: 10px calibri;
  color: #858585;
}

.img_staff:hover div {
  opacity: 1;
}

.top_sites_liens {
  width: 114px;
  height: 121px;
  display: -webkit-box;
  display: -ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
          justify-content: space-between;
 
}

.top_sites_liens a {
  display: block;
  width: 55px;
    height: 55px;
  background: var(--color-pink);
  text-align: start;
  text-decoration: none;
  color: white;
  font: 30px arial;
  line-height: 55px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;

}
.top_sites_liens a:hover {
  border-radius: 50%;
}


.nouveautes_block {
  height: 116px;
  width: 230px;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #cfcfcf;
  padding: 15px;
  overflow: auto;
  font: 11px roboto;
  text-align: justify;
  color: #979797;
  line-height: 10px;
  overflow: auto;
}

.nouveautes_block span {
  color: var(--color-pink);
  float: left;
  margin: 0 5px 0 0;
}

.nouveautes_block span:after {
  content: "—";
  margin-left: 3px;
}

.nouveautes_block hr {
  opacity: 0.2;
}

.liens_importants {
  width: 155px;
  height: 116px;
}

.liens_importants a {
  display: block;
  width: 100%;
  border: 1px solid var(--color-pink);
  height: 18px;
  margin-bottom: 3.8px;
  text-align: center;
  text-decoration: none;
  font:10px roboto;
  text-transform: uppercase;
  line-height: 18px;
  position: relative;
  overflow: hidden;
  color: #d85eb1;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.liens_importants a:before {
  content: " ";
  width: 100%;
  height: 18px;
  background: var(--color-pink);
  position: absolute;
  left: -100%;
  top: 0;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  z-index: 1;
 
}

.liens_importants a:hover:before {
  left: 0;
}

.liens_importants a:hover {
  color: white;
}
.liens_importants a span {
  z-index: 3;
  position: static;
}
.partos_pa {
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -5px;
}

/* NAVBAR - ARTEMIS POUR ARTIFICES */

:root
{
 --couleur-bleue: #91b5bf;
}

.bodylinewidth
{
 margin-top: 72px;
}

.navbar_arte
{
 width: 100%;
 background: #f9f9f9;
 height: 70px;
 -webkit-box-shadow: 0 2px 1px #e6e6e6;
 box-shadow: 0 2px 1px #e6e6e6;
 position: fixed;
 top: 0;
 left: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 5px 15px 0 5px;
 z-index: 999;
}

.avatar_navbar
{
 width: 60px;
 height: 60px;
 border: 1px solid white;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 5px;
 background: #e9e9e9;
 display: inline-block;
 float: left;
}

.avatar_navbar img
{
 width: 48px;
 height: 48px;
 -o-object-fit: cover;
 object-fit: cover;
}

.bloc_pseudo_search
{
 font: 9px montserrat;
 width: 240px;
 display: inline-block;
 text-transform: uppercase;
 letter-spacing: 2px;
 height: 60px;
 vertical-align: top;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 10px 5px;
 color: #6f6f6f;
 float: left;
 text-align: left;
 margin-left: 5px;
}

.bloc_pseudo_search li
{
 list-style-type: none;
}

.navbar_arte form
{
 height: 20px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 width: 100%;
 background: white;
 padding: 0;
 margin-top: 8px;
}

.navbar_arte form input[type="submit"]
{
 border: none!important;
 background: var(--couleur-bleue)!important;
 color: white !important;
 padding: 0 10px!important;
 margin:0!important;
 border-radius:0!important;
 -webkit-box-shadow:none!important;
 box-shadow:none!important;
}

.navbar_arte form input[type="text"]
{
 cursor: text;
 border: none!important;
 width: 100%;
 min-width: 150px;
 padding: 0 8px!important;
 margin:0!important;
 background: rgba(255,255,255,0.05)!important;
 color: lightgray;
 font-size:11px;
 border-radius:0!important;
 -webkit-box-shadow:none!important;
 box-shadow:none!important;
 text-transform: uppercase !important;
 font: 10px calibri !important;
 letter-spacing: 2px !important;
}

.navbar_arte form input
{
 outline: none;
 font-size:11px;
}

.link_navbar
{
 float: right;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 25px 15px;
 font: 10px montserrat;
 text-transform: uppercase;
}

.link_navbar a
{
 text-decoration: none;
 margin: 0 5px;
 color: var(--couleur-bleue);
 font-weight: 600;
}

.link_navbar a img
{
 display: none;
}

.link_navbar a:hover
{
 text-decoration: none !important;
 color: var(--couleur-bleue);
}

.link_navbar a::before,.link_navbar a::after
{
 display: inline-block;
 opacity: 0;
 -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
 -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
 transition: opacity 0.2s, -webkit-transform 0.3s;
 -o-transition: transform 0.3s, opacity 0.2s;
 transition: transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s}

.link_navbar a::before
{
 content: '[';
 -webkit-transform: translateX(25px);
 -ms-transform: translateX(25px);
 transform: translateX(25px);
}

.link_navbar a::after
{
 content: ' ]';
 -webkit-transform: translateX(-25px);
 -ms-transform: translateX(-25px);
 transform: translateX(-25px);
}

.link_navbar a:hover::before,.link_navbar a:hover::after
{
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
 opacity: 1;
}

.link_navbar a[href^="/search"]
{
 display: none;
}

.link_navbar li
{
 list-style-type: none;
 display: inline-block;
}

/* QEEL PASTEL PAR KOALAVOLANT */

:root{
--maincolor:rgba(227, 227, 227, 1);
--sndcolor:rgba(238, 245, 247, 1);
--color-titre:rgba(204, 227, 234, 1);
--color-titre2:#EACCE7;
--texte:rgba(130, 130, 130, 1);
 
--border1:1px solid var(--maincolor);
 
--font1:'Poppins', sans-serif;
--font2:'Oswald', sans-serif;
 
}
.qeel-total, .qeel-total *{ box-sizing:border-box; }
.qeel-total{ background:white; padding:10px; }
.qeel-total .qeel-titre{
font-size:35px; text-transform:uppercase;
letter-spacing:1px; border:var(--border1);
font-family:var(--font2); font-weight:900;
 text-align:center; color:var(--color-titre);
}

.qeel-flex{ margin-top:20px; display:flex; flex-wrap:wrap; justify-content:space-between; }
.qeel-flex .qeel-gauche, .qeel-flex .qeel-lasts{ width:49%; }


.qeel-total .qeel-tit{ font-family:var(--font2); font-weight:900;
text-transform:uppercase; color:var(--color-titre2); font-size:25px; }

.qeel-total .qeel-co{ padding:10px; display:flex;
 border:var(--border1); height:65px; overflow:auto;  }
.qeel-total .qeel-co a{ margin:0 3px; }

.qeel-total .qeel-membresmess{ margin:5px 0; display:flex; justify-content:space-between; }
.qeel-total .qeel-membresmess span{ display:block; width:49%; text-align:center;
background:var(--sndcolor); padding:10px; font-family:var(--font1);
font-size:16px; color:var(--texte);}

.qeel-total #newus{ background:var(--sndcolor);
 position:relative; overflow:hidden; height:55px; }
.qeel-total #newus h2{ color:var(--texte); font-size:16px; margin: 15px 10px; text-align:center; width:70%;
font-family:var(--font1);   }
.qeel-total #newus #ib-last-user{ position:absolute; right:0; top:0;  }
.qeel-total #newus #ib-last-user img{ height:55px; width:120px; object-fit:cover; object-position:0% 27%; }

.qeel-total .qeel-col{ display:block; border:var(--border1); padding:10px; height:176px; overflow:auto;}
.qeel-total .qeel-col a, .qeel-total .qeel-co a{ font-family:var(--font1);  }
.qeel-total .qeel-col a strong, .qeel-total .qeel-co a strong{ font-weight:600;  }

.qeel-total .qeel-groupes{ display:flex; justify-content:center; flex-wrap:wrap; margin-top:5px; width:100%;  }
.qeel-total .qeel-groupes a{ background:var(--color-titre); font-size:25px; padding:2px 5px; font-weight:700; margin:0 2px;
 text-transform:uppercase; font-family:var(--font2);  color:white !important;  display:block; }

/* COULEURS DES GROUPES */

/* Groupe 1 */ .qeel-total .qeel-groupes a:nth-child(1){ background:#EAE9CC; }
/* Groupe 2 */ .qeel-total .qeel-groupes a:nth-child(2){ background:#EACCE7; }
/* Groupe 3 */ .qeel-total .qeel-groupes a:nth-child(3){ background:#CCEACF; }
/* Groupe 4 */ .qeel-total .qeel-groupes a:nth-child(4){ background:#CCD6EA; }

/* Pour en ajouter, copier coller le groupe 4 et remplacer 4 par 5, etc. */
.qeel-total .qeel-groupes a:hover{ background:var(--maincolor); }
.tdw_sub_sousnav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 5px;
    color: #fafafa;
    background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
    line-height: 11px;
}
.tdw_sub_sousnav a {
    font: 10px Playfair display;
    text-transform: uppercase;
    color: #fafafa;
    letter-spacing: 1px;
    word-spacing: 2px;
}
.tdw_sub_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0px;
}
.tdw_sub_btn a {
    background: #c5b9bf;
    width: 360px;
    text-align: center;
    display: block;
    color: #040403;
    text-transform: uppercase;
    font: 9px Playfair Display;
    padding: 2px;
    letter-spacing: 2px;
}
.tdw_subject {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 5px;
    background: #eaeaea;
    border-top: 15px solid #fff;
}
.tdw_subh {
    width: 100%;
}
.tdw_title_inside {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px;
    color: grey;
    font: 10px Playfair Display;
}
.tdw_title_inside a {
    font: 9px Playfair Display;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #040403;
    line-height: 200%;
}
.tdw_title_inside span:nth-child(2) {
    margin: 0px 10px;
}
.tdw_title_inside span {
    font-size: 20px;
    background-image:linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.tdw_sub_name {
    background: #040403;
    padding: 5px;
}
.tdw_sub_name span {
    color: #a56fc4 !important;
    font: 12px Pirata One;
    text-transform: lowercase;
    letter-spacing: 2px;
}
.carrebefore {
    position: absolute;
    display: block;
    margin-top: 32px;
    margin-left: 126px;
    width: 596px;
    height: 120px;
    border-top: 1px solid #8435a2;
    border-left: 1px solid #8435a2;
}
.tdw_sub_pronom {
    text-align: right;
    margin: 20px;
    font: 40px Playfair display;
    padding: 10px 15px 0px 10px;
    letter-spacing: 1.5px;
    color: #616161;
    line-height: 80%;
}
.tdw_sub_pronom span {
    background: #eaeaea;
    position: relative;
}
.dedanspro {
    margin: 5px;
    border: solid 1px #c4b5c0;
    padding: 2px;
    font: 10px calibri;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #eaeaea;
}
.nameafter {
    position: absolute;
    background-color: #eaeaea;
    text-align: right;
    padding: 0px 15px 0px 10px;
    letter-spacing: 1.5px;
    font: 40px Playfair Display;
        line-height: normal;
    right: 417px;
    margin-top: -52px;
    line-height: 80%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 0% 10%);
    filter: grayscale(20%);
}
.nameafter span {
    color: #bfaac0 !important;
    background-image: url(https://66.media.tumblr.com/9cf113a06ad8bbbfbb07d6199bd22ad5/tumblr_p6pjrfCQGU1xp1j77o1_500.gif);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100%;
}
.tdw_subg {
    width: 255px;
    position: relative;
}
.tdw_sub_avatar {
    text-align: center;
  transition:all 800ms;
}
.tdw_sub_avatar img {
    width: 200px;
    height: 320px;
    border: solid 10px #c4b5c0;
  transition:all 800ms;
}
.tdw_sub_avatar img:hover {
  transition:all 800ms;
  filter:grayscale(60%);
}
.tdw_sub_pro {
    width: 200px;
    margin: 10px auto 10px auto;
    border: solid 1px #c4b5c0;
    background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
}
.tdw_sub_contact {
    text-align: center;
}
.tdw_sub_fiches {
    text-align: center;
    margin: 10px 0px;
}
.tdw_submess {
    width: 640px;
    padding-top: 70px;
}
.tdw_submess, .postbody {
    width: 450px;
    margin: 5px;
    text-align: justify;
}
.tdw_sub_btnstop {
    text-align: right;
    padding: 0px 20px;
    position: relative;
}
.tdw_sub_btnstop a {
    color: black;
    background-image: -webkit-linear-gradient(120deg, #c3314e, #552673);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font: 11px Playfair Display;
    text-transform: uppercase;
    margin: 0px 5px;
    letter-spacing: 1px;
    padding-right: 10px;
    border-right: 1px solid #cec8cc;
}
.tdw_sub_btnstop a:last-child {
  border:1px solid transparent !important;
}
.tdw_sub_signa img {
    max-width: 100%;
    width: 300px;
}
.tdw_sub_date {
    color: #fafafa !important;
    font: 9px Playfair display;
    text-transform: uppercase;
    background: #040403;
    padding: 5px;
    letter-spacing: 2px;
    margin: 0px 0px 0px auto;
}
.tdw_sub_watch {
    text-align: center;
    font: 8px Playfair Display;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin: 10px 0px;
}
.tdw_sub_watch a {
    background-image: linear-gradient(120deg, #8536a4 0%, #370a1b 100%);
    color: #fafafa;
    font-weight: bold;
    padding: 2px;
}
ul.topiclist.bg_none {
    background: #e2e2e2;
}
#privmsgs-menu {
    float: none !important;
    padding: 0 9px;
}
#picture_legend, #privmsgs-menu {
    border-radius: 3px;
    box-shadow: none !important;
    font-size: 1.3rem;
    margin-bottom: 24px;
    overflow: hidden;
}
#privmsgs-menu a {
  color:black;
  text-transform:uppercase;
  font:11px calibri;
  letter-spacing:1px;
}
.mp_bouton{
    background: #cdb65c;
    width: 49%;
    margin: 0px 5px 0px 0px;
    outline: 1px solid #9e8b3e;
    outline-offset: -4px;
    padding: 4px;
    box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #e8e8e8;
    font: 11px calibri;
    text-transform: uppercase;
    text-align: center;
}
.mp_bouton a {
    color: #1e1e1e;
    display: block;
}
.total_liste_mp {
    background: #e8e8e8;
    padding: 10px;
    height: 69px;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.title_mp {
    width: 500px;
    height: 18px;
    border-bottom: solid 1px #cdb65c;
    padding: 10px 0px 15px 0px;
}
.title_mp a {
  color:black;
  font:10px calibri;
  text-transform:uppercase;
}
.blok_mp {
    width: 286px;
    padding: 10px 30px 0px 30px;
    font: 10px calibri;
    text-transform: uppercase;
    height: 30px;
}
.icon_mp {
    width: 100px;
    margin-top: -10px;
}
/*LS Liste des sujets bleu*/
.lmemBack {
      background: white; /*Changer ici pour la couleur de fond du cadre de la liste*/
    padding: 10px 10px 1px 10px;
}
.lmemAll {
  width:100%;
  height:140px;
  background-color:#f3f3f3;
  background-image: url("https://media.discordapp.net/attachments/1136321572001566791/1146017070870442044/Produce_1_1.gif");
  position:relative;
      margin: 0px 0px 10px 0px;
}

.lmemLeftT {
  width:100%;
  height:100px;
  background:transparent;
}
.lmemLeftB {
  width:100%;
  height:40px;
  background:#e8e8e8;
  display:flex;flex-flow:row wrap; align-content:center; padding:10px 37% 10px 10px; justify-content:space-between;align-items: center;
}

.lmemAuth {
  background:#f8f8f8;
  height:20px;padding:3px 8px; line-height:110%;
  font-family: Open Sans, sans-serif; font-size:12px; text-transform:uppercase;font-weight:600; color:#777;border-radius:3px;
}

.lmemAuth a {
  text-decoration:none; font-weight:700; color:#4d7fc8;
}

.lmemPag {
  font-family:Open Sans, sans-serif;
  font-size:12px; color:#777;
}

.lmemPag .pagination span a:active,.lmemPag .pagination span a:link,.lmemPag .pagination span a:visited{
    text-decoration: none;
    background: rgba(255,255,255,0.75);
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.5);
    margin: 3px;
    color: #4d7fc8; /*Changer ici pour la couleur des liens des numéros de pages*/
    font-weight: 700;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.lmemLeftTbloc {
  width:65%;
  height:100px;
}

.lmemTopicTitle {
  text-decoration:none;
  font-family:Raleway, sans-serif;
  font-size:30px; text-transform:uppercase;
  font-weight:700; letter-spacing:-1px;
  height:60px; display:flex; align-items:center; padding:15px;
  width:100%; position:relative;
  transition:0.25s ease-in-out;
}

a.lmemTopicTitle {
 color:#4d7fc8; /*Changer ici la couleur du titre*/
}
.lmemTopicTitle:hover {
  color:#8ebcde; /*Changer ici la couleur du titre au survol*/
}
.lmemTopicTitle strong {
    color: #777; /*Changer ici la couleur du type de sujet (note, annonce, annonce globale)*/
}
.lmemTopicTitle:before {
  content:"";
  width:100px;
  border-bottom:5px solid #8acae9;/*Changer ici la couleur de base de la barre indiquant de nouveaux messages postés*/
  position:absolute;
  bottom:5px;
}

.lmemTopicTitle[data-type="Nouveaux messages"]:before {
  border-bottom:5px solid #f5cb9a; /*Changer ici la couleur de la barre lorsque de nouveaux messages sont postés*/
}

.lmemTopicDesc {
  font-family:Lato, sans-serif; font-size:12px; padding:0px 35px;
  color:#888; display:flex;max-height:40px;line-height:2000%;
  align-items:center; background:#f3f3f3; width:110%; min-width:610px;
}

.lmemRight {
  width:35%;
  height:140px;
  position:absolute; top:0px;right:0px;
clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0 100%);
background: linear-gradient(328deg, rgba(77,127,200,1) 0%, rgba(138,202,233,1) 100%);/*Changer ici les couleurs du dégradé de fond*/
  display:flex;flex-flow:row wrap;
  justify-content:flex-end;align-content:space-between;
  padding:15px 0px;box-sizing:border-box;
 z-index:2;
}

.lmemRight2 {
  width:35%;
  height:140px;
  position:absolute; top:0px;right:0px;
clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0 100%);
  webkit-clip-path: polygon(8% 0, 100% 0%, 100% 100%, 0 100%);
background: linear-gradient(328deg, rgba(77,127,200,0.5) 0%, rgba(138,202,233,0.5) 100%);/*Changer ici les couleurs du dégradé de fond de la bordure gauche du bloc*/
 right:10px;
}

.lmemRbloc {
  width:100%;background-color:white;
 height:25px;
  font-family:Open Sans, sans-serif;
  text-transform:uppercase; font-size:12px; font-weight:700;
  text-align:center; line-height:25px; color:#888;
  padding-left:20px; outline:3px solid rgba(255,255,255,0.15);
}

.lmemStat {
  width:45%; height:40px;
  text-align:center;
  font-family:Raleway, sans-serif;
  font-size:13px; text-transform:uppercase; display:flex;align-items:center; justify-content:center;color:white;
}

.lmemStat span{
  font-size:50px; font-weight:900; font-family:Open Sans, sans-serif;
  color:rgba(255,255,255,0.5);display:inline-block;padding-top:5px; margin:0px 10px;
  padding-bottom:8px; font-style:italic; letter-spacing:-2px;
}


[MlleAlys]

Bonjour,
Il me semble que le cadre blanc vide à gauche semble normalement contenir l'image de la description du forum. L'image indiquant un nouveau message ou non quant à elle s'affiche bien, mais en arrière plan, et qu'on la voit dépasser un peu en haut et à gauche du cadre blanc ?

Pour que ce bloc ne soit pas visible blanc ne cache pas la visibilité de l'image derrière, localisez dans votre css le code suivant :

Code:

.description_img_block {
  width: 220px;
  height: 100px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  position: relative;
  z-index: 3;
}

Supprimez les lignes background: #fafafa; et border: 1px solid #e8e8e8;, ce qui donne :

Code:

.description_img_block {
  width: 220px;
  height: 100px;
  position: relative;
  z-index: 3;
}

[Argimpasa]

Bonjour,

Alors d'après l'image de description du template, l'image devrait être dans le cadre blanc de cette façon :

[MlleAlys]

Bonjour,

Alors d'après l'image de description du template, l'image devrait être dans le cadre blanc de cette façon :

Ok je vois, en fait je pense que sur cette capture, l'ange est bien l'image de description du forum, et l'icone nouveau/pas de nouveau message correspond au coin rose.

On peut cependant modifier les codes pour mettre l'image nouveau/pas nouveau dans le cadre blanc si vous préférez.
Dans ce cas, souhaitez-vous pouvoir afficher une image de description différente pour chaque forum, ou ça ne vous intéresse pas ? ^^
Et si vous souhaitez garder cette possibilité, où et comment souhaitez-vous afficher cette image ?

[Argimpasa]

D'accord, je comprend mieux.
Alors je vais garder le coin rose mais toutefois je ne vois pas où mettre l'image de "description".

[MlleAlys]

L'image de description se met juste au dessus de la description du forum :
dans général > catégories et forums > éditez le forum voulu > champ "Adresse de l'image"

[Argimpasa]

C'est aussi simple ? XD
Je pensais que c'était dans le codage, je vous remercie.

[MlleAlys]

Si vous souhaitez la même image pour tous les forums, alors c'est possible de la mettre dans le template, mais pour pouvoir choisir des images différentes pour les différents forums, alors oui c'est en passant par ce champ ^^
Après comme dit, il est toujours possible de modifier les codes pour le résultat que vous souhaitez.

(n'oubliez pas de passer le sujet en "résolu" si c'est le cas ^^)

[Argimpasa]

Je vais voir avec ma co-fondatrice qui est la designeuse ce qu'elle désire. Dans tous les cas, cela ne me gênera pas de répéter la même manoeuvre si jamais elle désire la même image de description de partout.

Je vous remercie

[Argimpasa]

Je vais voir avec ma co-fondatrice qui est la designeuse ce qu'elle désire. Dans tous les cas, cela ne me gênera pas de répéter la même manoeuvre si jamais elle désire la même image de description de partout.

Je vous remercie