Problème avec la personnalisation des forums via le CSS

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec la personnalisation des forums via le CSS

Message par Snow White Jeu 30 Déc 2021 - 5:17

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://unforumtestcpasassez.forumactif.com/

Description du problème

Bonjour !

J'ai suivi ce tutoriel https://www.never-utopia.com/t59858-liste-des-forums-personnaliser-chaque-forum-seulement-en-css cependant j'ai un petit souci, je n'ai accès qu'à certaines de mes class, par exemple, je ne peux déplacer le "+" des sous forums ou l'espace des derniers messages. J'avais déjà tenté d'utiliser la même technique et n'avait rencontré aucun souci. Voici mon template modifié :

Code:
<div class="index1">    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}<div class="decoCAT"></div></div>
    <div class="mdlCAT"><br clear="all" /><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
 
 
 <!-- BEGIN forumrow -->
   
      <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum-perso-link" style="display:none;">
        <div class="forum">
      <div class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
           
            <div class="nbrMSG">{catrow.forumrow.TOPICS} sujets<div class="nbrTPC">{catrow.forumrow.POSTS} messages</div></div>
         
         
             <div class="forum_description">
                 
                     {catrow.forumrow.FORUM_DESC}
               
             </div>
         
     
             <div class="contenu_forum">
                     
         
                <div class="dernier_message1"><div class="forum_ava_dernier">
                        <!-- BEGIN avatar -->
                        
                                        {catrow.forumrow.avatar.LAST_POST_AVATAR}
                                      
                   <!-- END avatar --></div>
                        
                </div>
                         
         
          <div class="sfFRM"><b>+</b><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div>
         
                 <img class="statut_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
         
                  </div>
        <div class="contenu_dernier_mess">
                                {catrow.forumrow.LAST_POST}
                        </div>
   </div></a>
     
   
   <!-- END forumrow -->
                   
 
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    <br clear="all" /></div><div class="btmCAT"></div>
      <!-- END tablefoot --><!-- END catrow --></div>

Merci d'avance !
Snow White

Snow White
***

Messages : 120
Inscrit(e) le : 25/09/2012

http://testotherlands.forumactif.com/
Snow White a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la personnalisation des forums via le CSS

Message par MlleAlys Jeu 30 Déc 2021 - 12:40

Bonjour,
Le lien "forum_perso_link" apparait plusieurs fois dans le forum quand on inspecte votre forum, et dans votre template votre lien perso englobe tout le forum au lieu d'apparaitre juste une fois au début.
Corrigez le template ainsi :
Code:
<div class="index1">
  <!-- BEGIN catrow -->
  
  <!-- BEGIN tablehead -->
  <div class="tleCAT">
    {catrow.tablehead.L_FORUM}
    <div class="decoCAT"></div>
  </div>
  
  
  <div class="mdlCAT">
    <br clear="all" />
    <!-- END tablehead -->
    
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
    <div class="forum">
      
      <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum-perso-link" style="display:none;"></a>
      <div class="forumlink">
        <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      </div>
      
      <div class="nbrMSG">
        {catrow.forumrow.TOPICS} sujets
        <div class="nbrTPC">{catrow.forumrow.POSTS} messages</div>
      </div>
      
      <div class="forum_description">{catrow.forumrow.FORUM_DESC}</div>
      
      <div class="contenu_forum">
        
        <div class="dernier_message1">
          <div class="forum_ava_dernier">
            <!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar -->
          </div>
        </div>
        
        <div class="sfFRM">
          <b>+</b>
          <div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </div>
        
        <img class="statut_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        
      </div>
      
      <div class="contenu_dernier_mess">
        {catrow.forumrow.LAST_POST}
      </div>
      
    </div>
    <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    
    <!-- BEGIN tablefoot -->
    <br clear="all" />
  </div>
  <div class="btmCAT"></div>
  <!-- END tablefoot -->
  
  <!-- END catrow -->
</div>

Puis nous verrons pour corriger le css à son tour, si vous pouviez le fournir également ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la personnalisation des forums via le CSS

Message par Snow White Jeu 30 Déc 2021 - 15:02

Bonjour, merci pour votre réponse !

Voici mon css :

Code:
*{box-sizing: border-box;}

a, a:focus, a:active, a:hover{
  text-decoration:none!important;
  color: white;
transition:all .65s linear; -webkit-transition:all .65s linear;
  text-transform: uppercase;
}

::-webkit-scrollbar {
    width: 6px;
    height: 10px;
    background: #0b0a0f;
}
::-webkit-scrollbar-thumb:vertical {
  height: 20px;
background: -webkit-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: -moz-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
}
::-webkit-scrollbar-thumb:horizontal{
  height: 20px;
background: -webkit-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: -moz-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
}

.banniere{
 background: url('https://i.imgur.com/1UVhBRs.png');
  width: 100%;
  height: 800px;
}
.ttlbanniere{
  position: relative;
font-size:120px; font-family: 'Six Caps', sans-serif; text-transform:uppercase;
color: white; /* MODIFIABLE */background: -webkit-linear-gradient(to right, #c4b796 0%, #4d3a20 100%);
background: -moz-linear-gradient(to right, #c4b796 0%, #4d3a20 100%);
background: linear-gradient(to right, #c4b796 0%, #4d3a20 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 padding-top: 250px; text-transform: initial!important;
}
.descbanniere{text-transform: initial!important;
color: #706d7d;
  width: 35%;
  text-align: justify;
}
.morebanniere a{
margin-top: 15px;
color: #c4b796;}


/* BLOC TITRE CATEGORIE */
.tleCAT{
width:1000px; padding:10px 0; text-align:center;
  background: #201d2a;
  position: middle;
}
/* TITRE CATEGORIE */
.tleCAT h2{
  margin: 0;
position: relative;
font-size:62px; font-family: 'Six Caps', sans-serif; text-transform:uppercase;
color: white; /* MODIFIABLE */background: -webkit-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: -moz-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* BLOC CATEGORIE */
.mdlCAT{
margin:auto;
width:1000px; padding:10px; text-align:center; padding-left: 20px; padding-bottom: 0;
background: black;/* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {height: 0px;
}

/************************************* CATEGORIES *************************************/

.forum{
 width: 960px;
  height: 200px;
  background: #232030;
  border: 1px solid #C4BBC6; margin-bottom: 20px;
  padding-top: 10px;
  overflow: hidden;
}
.forumlink{
position: relative;
  font-size: 45px;
font-family: 'Six Caps', sans-serif;
  text-transform: uppercase;
  background: #C4BBC6;
background: -webkit-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: -moz-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  margin-left: 20px;
  display: block;
text-align: left;
left: 358px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}

.forumlink:hover {
letter-spacing: .05em;
transition:all .65s linear; -webkit-transition:all .65s linear;
}

/* IMAGE DESCRIPTION */
.forum_description img {
        left: 0;
        position: relative;
        top: 0;
        z-index: 2;
        width: 350px;
        height: 197px;
  background: var(--ter-color);
  transition:all .65s linear; -webkit-transition:all .65s linear;
  display: inline-block;
  margin-top: -68px;
    z-index: 2;
}
.forum:hover img{
  filter: hue-rotate(-45deg);
}
.descPOS{
  display: inline-block;
  width: 450px;
  height: 57px;
  text-align:justify;
  padding-right: 10px;
  font-size: 12px;
     z-index:8;
  margin-left: -100px;
  margin-top: 10px;
  overflow: auto !important;
}

.nbrMSG{
position: absolute;
font-family: 'Six Caps', sans-serif;
color: #C4BBC6; font-weight: bold;text-transform:uppercase;
  font-size: 28px;
  text-align: right;
  z-index: 5;
  line-height: 32px;
  margin-top: -60px;
  margin-left: 540px;
  width: 400px;
letter-spacing: .02em;
}
.nbrTPC{
  color: #948B9A;
}

.dernier_message1{
width: 650px;
  height: 60px;
  background: #0b0a0f;
  margin-left: 350px;
    z-index: 2;
  margin-top: 120px;
     z-index:4; 
}

.statut_forum{
 position: relative;
  margin-top: -127px;
  margin-left: 855px;
        width: 130px;
        height: 130px;
     z-index:5;
transition:all .65s linear; -webkit-transition:all .65s linear;
}

/* AVATAR */
.forum_ava_dernier {
        width: 80px;
        height: 80px;
        margin: 0 auto 5%;
        border: 2px solid var(--ter-color);
        margin-left: 529px;
        display: block;
        background: var(--ter-color);
     position: relative; 
     opacity:1;
     z-index:7;
  margin-top: -110px;
        border-radius: 100px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.forum_ava_dernier img{
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 100px;
  margin-top: -40px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
.forum_ava_dernier:hover img{
  transform: perspective(600px) rotateY(-180deg);
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-left:-60px;
width:245px; height:34px;
  position: absolute;
  z-index: 30;
  margin-top: -85px;
  z-index: 5;
}
/* + SOUS-FORUMS */
.sfFRM b {
display:block;
width:35px; height:30px; padding:5px 0px 5px 0px;
text-align:center; font-size:18px; font-weight: bold;
font-family: 'Big Shoulders Text'; 
background: #0b0a0f; color: white; /* MODIFIABLE */
margin-left: 70px;
  margin-top: 40px;
}
/* CONTENU SOUS-FORUMS */
.sfFRM div {
position:absolute; z-index:3; margin-top:-165px; margin-left:70px;
  justify-content: center;
width:330px; height:110; padding:0px; padding-right: 5px; overflow:auto; overflow-x: hidden;
text-align:justify; font-size:0px; text-transform:uppercase; color:rgba(0,0,0,0); line-height:0;
background:none; /* MODIFIABLE */
opacity:0; transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM:hover div {
height:110px; overflow:auto;
  opacity:1; transition:all .65s linear; -webkit-transition:all .65s linear;
margin-top:-155px; overflow-x: hidden; 
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
 display: inline-block;
        background: #0b0a0f;
        padding: 3px;
        width: 330px;
        text-align: center;
     color: #a49fa5;
        text-transform: uppercase;
  height: 25px;
  overflow: hidden;
  line-height: 20px;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 3px;
  padding-bottom: 5px;
  transition:all .65s linear; -webkit-transition:all .65s linear;
}
.sfFRM a:hover {
  color: #5f5b6f;
  transition:all .65s linear; -webkit-transition:all .65s linear;
}

.contenu_dernier_mess{
 margin-top: -45px;
  font-size: 12px;
     z-index:7;
  display: block;
text-align: left;
margin-left: 375px;
width: 500px;
}

.contenu_dernier_mess br {
display: none;
}
.contenu_dernier_mess a{
 margin-left: 5px; margin-right: 5px;
}
/*****************************ADMINITRATION************************************/
/*********************************************************************************************/
.forum-perso-link[href^="/f2-"] ~ .forum {
 width: 470px!important;
  height: 380px;
  background: #232030;
  border: 1px solid #C4BBC6; margin-bottom: 20px;
  padding-top: 10px;
  overflow: auto;
  display: inline-block;
  margin-right: 0px;
  margin-left: -10px;
  left: 0;
}
.forum-perso-link[href^="/f2-"] ~ .forum_description img {
        left: 0;
        position: relative;
        top: 0;
        z-index: 2;
        width: 470px;
        height: 160px;
  background: var(--ter-color);
  transition:all .65s linear; -webkit-transition:all .65s linear;
  display: inline-block;
  margin-top: -228px;
    z-index: 2;
  margin-left: -120px;
}
.forum-perso-link[href^="/f2-"] ~ .forum_description {
 margin-left: 120px;
}
.forum-perso-link[href^="/f2-"] ~ .forumlink {
position: relative;
  font-size: 45px;
font-family: 'Six Caps', sans-serif;
  text-transform: uppercase;
  background: #C4BBC6;
background: -webkit-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: -moz-linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
background: linear-gradient(to right, #C4BBC6 0%, #948B9A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  margin-left: 20px;
  display: block;
text-align: left;
left: 0px;
  margin-top: 160px;
  z-index: 11;
}
.forum-perso-link[href^="/f2-"] ~ .descPOS {
  display: inline-block;
  width: 250px;
  height: 57px;
  text-align:justify;
  padding-right: 60px;
  font-size: 12px;
     z-index:8;
  margin-left: 50px;
  margin-top: 10px;
  overflow: auto !important;
left: 100px;
}
.forum-perso-link[href^="/f2-"] ~ .dernier_message1 {
width: 470px;
  height: 60px;
  background: #0a090e;
  margin-left: 0px;
    z-index: 2;
  margin-top: 120px;
     z-index:4; 
  left: 0;
}
/* + SOUS-FORUMS */
.forum-perso-link[href^="/f2-"] ~ .sfFRM b {
display:block;
width:35px; height:30px; padding:5px 0px 5px 0px;
text-align:center; font-size:18px; font-weight: bold;
font-family: 'Big Shoulders Text'; 
background: #08070a; color: white; /* MODIFIABLE */
margin-left: 70px;
  margin-top: -300px;
  position: absolute;
}

.forum-perso-link[href^="/f2-"] ~ .nbrMSG{
position: absolute;
font-family: 'Six Caps', sans-serif;
color: #C4BBC6; font-weight: bold;text-transform:uppercase;
  font-size: 28px;
  text-align: right;
  z-index: 5;
  line-height: 32px;
  margin-top: -60px;
  margin-left: 50px;
  width: 400px;
}
.forum-perso-link[href^="/f2-"] ~ .forum_ava_dernier {
        width: 80px;
        height: 80px;
        margin: 0 auto 5%;
        border: 2px solid var(--ter-color);
        margin-left: 0px;
        display: block;
        background: var(--ter-color);
     position: relative; 
     opacity:1;
     z-index:7;
  margin-top: -110px;
        border-radius: 100px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/*********************************************************************************************/
.forum-perso-link[href^="/f3-"] ~ .forum{
 width: 470px!important;
  height: 380px;
  background: #232030;
  border: 1px solid #C4BBC6; margin-bottom: 20px;
  padding-top: 10px;
  overflow: auto;
  display: inline-block;
  margin-right: 0px;
  margin-left: 20px;
}
Snow White

Snow White
***

Messages : 120
Inscrit(e) le : 25/09/2012

http://testotherlands.forumactif.com/
Snow White a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème avec la personnalisation des forums via le CSS

Message par MlleAlys Jeu 30 Déc 2021 - 16:56

Super !
Alors pour comprendre le principe du code css, il faut comprendre la structure sur laquelle vous travaillez en termes de parents / frères / enfants :
Quand un élément est à l'intérieur d'un autre, on dit que c'est son enfant.
Quand un élément contient un autre, on dit donc que c'est son parent.
Quand des éléments sont à l'intérieur du même parent, on dit qu'ils sont frères.

La structure d'un forum se présente chez vous ainsi :
Problème avec la personnalisation des forums via le CSS Lpm2
Problème avec la personnalisation des forums via le CSS Llhi

Dans un code css, on peut cibler un enfant, ou bien un frère. On ne peut jamais cibler un parent.

....

Et donc déjà là en fait je me rends compte que le template que je vous ai donné n'ira pas puisque vous souhaitez si j'ai bien compris modifier la largeur du parent pour mettre les forums côte à côte.... Et là on peut modifier tous les autres éléments du forum mais pas le cadre du forum lui-même bounce
Pardon, c'est une erreur de ma part !
On va donc ressortir le lien "forum_perso_link" du bloc forum pour qu'il devienne son frère ainé direct (attention, il doit être son frère et non son parent, le forum doit être après le lien, et non pas à l'intérieur du lien, comme c'était le cas dans votre premier template).
Désolée donc, il faut remodifier le template ainsi Problème avec la personnalisation des forums via le CSS 1f605 (il n'y a que le lien qui remonte d'une ligne pour être avant le bloc .forum et non dedans) :
Code:
<div class="index1">
  <!-- BEGIN catrow -->
  
  <!-- BEGIN tablehead -->
  <div class="tleCAT">
    {catrow.tablehead.L_FORUM}
    <div class="decoCAT"></div>
  </div>
  
  
  <div class="mdlCAT">
    <br clear="all" />
    <!-- END tablehead -->
    
    <!-- BEGIN cathead -->
    <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
    <a href="{catrow.forumrow.U_VIEWFORUM}" class="forum-perso-link" style="display:none;"></a>
    <div class="forum">
      
      <div class="forumlink">
        <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
      </div>
      
      <div class="nbrMSG">
        {catrow.forumrow.TOPICS} sujets
        <div class="nbrTPC">{catrow.forumrow.POSTS} messages</div>
      </div>
      
      <div class="forum_description">{catrow.forumrow.FORUM_DESC}</div>
      
      <div class="contenu_forum">
        
        <div class="dernier_message1">
          <div class="forum_ava_dernier">
            <!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar -->
          </div>
        </div>
        
        <div class="sfFRM">
          <b>+</b>
          <div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </div>
        
        <img class="statut_forum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        
      </div>
      
      <div class="contenu_dernier_mess">
        {catrow.forumrow.LAST_POST}
      </div>
      
    </div>
    <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    
    <!-- BEGIN tablefoot -->
    <br clear="all" />
  </div>
  <div class="btmCAT"></div>
  <!-- END tablefoot -->
  
  <!-- END catrow -->
</div>

Nous obtiendrons donc cette structure là :
Problème avec la personnalisation des forums via le CSS 0iel

Voilà !
Continuons maintenant !

Donc, en css, pour cibler les enfants, des petits-enfants, ou tout descendant (à l'intérieur donc), on met simplement leur nom à la suite, comme ça :
".trucs .chouettes" signifie "les chouettes qui sont à l'intérieur de trucs"

Pour cibler un frère, on utilise le sybole ~, comme ça :
".trucs ~ .chouettes" signifie "les chouettes qui sont frères avec un trucs"

On peut également être plus précis, et cibler seulement le frère qui est juste après avec le symbole + :
".trucs + .chouettes" signifie "les chouettes qui sont frères avec trucs et positionnés juste après trucs"

Donc pour modifier le forum qui nous intéresse, c'est à dire celui qui arrive par exemple juste après le lien caché vers le forum 2, il faut utiliser le sélecteur :
.forum-perso-link[href^="/f2-"] + .forum
("le .forum qui est juste après le lien .forum-perso-link[href^="/f2-"]")

Et pour modifier les enfants et petit-enfants et les enfants des enfants des enfants etc de ce forum, c'est le même principe pour tous : on cible en fait les "descendants" du frère, par exemple :
.forum-perso-link[href^="/f2-"] + .forum .nbrMSG
("les .nbrMSG qui sont à l'intérieur de .forum qui est juste après .forum-perso-link[href^="/f2-"] ")
ou bien
.forum-perso-link[href^="/f2-"] + .forum .sfFRM
etc.
("les .sfFRM qui sont à l'intérieur de .forum qui est juste après .forum-perso-link[href^="/f2-"] ")


Est-ce que ces explications vous suffiront à essayer de refaire votre css ? ^^
Si non, je pourrai reprendre pou la suite ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec la personnalisation des forums via le CSS

Message par Snow White Jeu 30 Déc 2021 - 23:15

Merci beaucoup, c'est parfait, ça marche nickel ! Very Happy

Je met le sujet en résolu !
Snow White

Snow White
***

Messages : 120
Inscrit(e) le : 25/09/2012

http://testotherlands.forumactif.com/
Snow White a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum