Les spoilers ne s'ouvrent pas

[Kimi Kozuma]

Bonjour,

J'ai un sérieux problèmes. Mes spoilers ne s'ouvrent plus et je ne sais pas du tout ce que j'ai touché puisque tout marchait bien récemment.

Comment corriger ce problème ?


Cordialement.

[Scipion]

Bonjour

Pouvez-vous mettre à disposition, entre balises code, le contenu complet de votre feuille de style CSS pour test, merci ?

Cordialement

[Kimi Kozuma]

Bien sûr

Code:

body{ background-image:url(http://img15.hostingpics.net/pics/74794377fd.png);
  background-position:top center;
  background-repeat:repeat-y;margin-bottom:0;margin-top:-12px}
   
a {text-decoration: none; outline: none;}
a:hover {text-decoration: none!important;}
.name a {text-decoration: none;}
/*retrait des bordures intempestives*/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
/*fin*/


/* LIENS EN GENERAL */
a:link {text-decoration: none;
font-weight: normal !important;
text-transform: uppercase;
 font-family: 'Fjalla One', sans-serif;
-webkit-transition: color .4s ease-in;
-moz-transition: color .4s ease-in;
-o-transition: color .4s ease-in;
transition: color .4s ease-in;}
a:hover {text-decoration: none!important;}

table
{
  width: 90%;
  margin: auto;
}

/*titres des catégories*/
.secondarytitle h2 {
  background-color: #c7de71;
  padding: 3px;
  display: block;
  font-family: 'Fjalla One', sans-serif;
  color: #ffffff;               
  text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  font-size: 32px;
  text-align: left;}
/*fin*/

.forumline {
box-shadow: 5px 3px 1px 1px #;
margin-bottom: 20px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #fffdf0;}

/*apparences des codes&autres*/

.code {
background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;;
}

.quote {
 background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;

}

.spoiler_closed{display: block;
 background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;
}

.spoiler_content{display: none;
  text-align:justify;
  background: #f4f4f4;
padding: 5px;
background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;;
 
}

/*fin*/

/*Cadres Description*/


.cadre {
color:  #b29c99;

margin-right: 00px;
width: 500px;
height: 90px;
text-align:justify;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
background-color:#fdf1d7;
font-size: 10px;
line-height: 9px; 
}

.cadrebis {
color:  #b29c99;
margin-left: 03px;
margin-right: 00px;
width: 500px;
height: 85px;
text-align:justify;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 10px;
background-color:#fdf1d7;
font-size: 10px;
}


.titreforum {
color: #ffffff !important;
font-family: 'Fjalla One', sans-serif;
font-size: 25px;
font-weight: normal;
text-transform: lowercase;
text-align: left;
letter-spacing: -2px;
width: 330px;
height: 15px;
padding: 5px 10px;
margin-top: -5px;
}


/*Cadres Description 2*/


.cadre2 {
  align: justify;
  font-family: 'Fjalla One', sans-serif;
  width: 180px;
  height: 60px;
text-align:center;
  font-weight: 9px;
  font-size: 11px;
  margin-left: 15px;
background-color: #ffd3c1; 
 padding: 10px;
text-transform: uppercase;   
}



.description{
width:350px; 
height:80px; 
padding: 3px;
font-family: arial;
font-size: 10px;
text-transform: uppercase; 
background-color: #fefbf2;}

.description2{
width:100px;
height:65px; 
padding: 3px;
font-family: arial;
font-size: 10px;
background-color: #fefbf2;}


.description3{
width:350px;
height:80px; 
padding: 3px;
font-family: arial;
font-size: 10px;
background-color: #fefbf2;}

.description4{
width:100px;
height:75px; 
padding: 2px; 
font-family: arial;
font-size: 10px;
background-color: #fefbf2;
 line-height: 9px;
}

/*code titre*/
.titrefiche{
font-family: arial;
font-size: 20px;
text-transform: uppercase; 
color: #c2d554;}

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


.cate
{
  width: 100px;
  height: 82px;
  overflow: hidden;
border-left: 1px solid #d6edc8;
border-right: 1px solid #d6edc8;
border-top: 1px solid #d6edc8;
border-bottom: 1px solid #d6edc8;
font-family: arial;
font-size: 10px;
text-transform: uppercase; 
background-color:#fefbf2;
line-height: 10px; 
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 100px;
  height: 100px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 100px;
  height: 80px;
  margin-top: -80px;
  text-align: justify;
  font-size: 11px;
  padding: 2px;
  overflow: auto;
}

/*jusitfication des posts */
.postbody{
padding: 20px;
text-align:justify;
font-size:12px;
font-family: verdana, arial;
line-height: 11px;
 
   }

textarea, .textarea.post, input.post {
      background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;}

textarea, #text_editor_textarea {
        background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;
   }

/*fin */



.separator {
  border-top: #fffdf0 2px dotted;}


.icon_online {
    position:absolute;
    margin-left:0px;
    margin-top:10px;}


.cadreprofil {
background-image: url("http://i55.tinypic.com/w06vdk.jpg");
width: 210px;
box-shadow:  0px 0px 1px  #010101;
border-radius:15px;
Border-top:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
text-align: left;
font-family: 'Fjalla One', sans-serif;
font-size: 18px;
}

/* pseudo */
.name a {
font-style:bold;
font-family: verdana;
font-size: 12px;
font-weight: bold;
font-variant:normal;
text-align:left;
line-height: 11px;}

.rank { font-size: 12px; }



/* espace pour le menu*/
.space {
  width:6px;
  height:2px;
}
/* fin espace menu* /



/* propriétés communes aux blocs */

.blocpoto,
.bloctop {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#fff;
  letter-spacing: 1px;
  padding:3px;
  background-color:#e08e90;
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
 }
 
 .blocstaff {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#858585;
  letter-spacing: 1px;
  padding:3px;
  background-color:#c7de71;
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }

.blocb {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#be9c99;
  letter-spacing: 1px;
  padding:3px;
  background-color:#fdf1d7;
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }

.blocnews {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#fff;
  letter-spacing: 1px;
  padding:3px;
  background-color:#e08e90; 
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }

.blocredit {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#b29c99;
  letter-spacing: 1px;
  padding:3px;
  background-color:#fff; 
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }



/* fin propriétés communes */

/* bloc staff */
.blocstaff{
  width:230px;
  height:240px;
}
/* fin bloc staff */

/* bloc bienvenue*/
.blocb{
  width:400px;
  height:240px; 
}
/* fin bloc bienvenue */

/* bloc partenariat*/
.blocpoto{
  width:190px;
  height:240px;

}
/* fin bloc partenariat */

/* centre les logos partenaires */
.cpart {
  width:98%;
  height:150px;
  overflow:auto;
}
/* fin logo partenaires */

/* bloc crédit  */
.blocredit{
  width:230px;
  height:150px;
}
/* fin bloc crédit */

/* crédit texte */
.textc {
  font-size:10px;
}
/* fin crédit texte */

/* bloc nouveauté */
.blocnews {
  width:400px;
  height:150px;
}


/* fin bloc nouveauté  */

/* bloc topsites */
.bloctop {
  width:190px;
  height:200px;
}
/* fin bloc topsites */

/* centre logo tops*/
.ctop{
  width:98%;
  height:135px;
  overflow:auto;
}
/* fin centre logo tops */

/* les titres avec pour police Kite One */
.titrepa {
  font-family: 'Kite One', sans-serif;
  font-size:27px;
  color:#B7A49B;
}
/* fin titre */

/* petits points sous les titres */
.yoo {
  border-bottom:1px dotted white;
}
/* fin points sous titres */

/* les liens rapides tout n haut de la PA */
.menu {
  color:#F8F7F6;
  letter-spacing: 1px;
  font-variant:small-caps;
  font-size:11px;
  padding:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:#CABCAB;
  border-left:3px solid #F2F2F2;
  border-right:3px solid #F2F2F2; 
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}
/* fin liens rapides */

/* les pointillés dérrière le menu à peut-être adapter selon le forum */
.point {
  border-top:8px dotted #F2F2F2;
  margin-bottom:-10px;
}
/* fin pointillés */

/* simple texte qui se trouve dans les tables pour ne pas deborder */
.textepa {
  width:90%;
  height:180px;
  overflow:auto;
}
/* fin texte */




/*page accordeon horizontale*/
trop grandes sinon elles seront coupées), partenaires, top sites ou ce que vous souhaitez. Il est déconseillé d'utiliser le défilement "marquee" dont l'affichage est très souvent mal géré par les navigateurs.Titre page 4Placez ici le contenu de votre page : texte, liens, images (attention pas trop grandes sinon elles seront coupées), partenaires, top sites ou ce que vous souhaitez. Il est déconseillé d'utiliser le défilement "marquee" dont l'affichage est très souvent mal géré par les navigateurs.Titre page 5Placez ici le contenu de votre page : texte, liens, images (attention pas trop grandes sinon elles seront coupées), partenaires, top sites ou ce que vous souhaitez. Il est déconseillé d'utiliser le défilement "marquee" dont l'affichage est très souvent mal géré par les navigateurs.


(c) par Never-Utopia

Il faut poster un message à la suite du topic pour voir le contenu de ce cadre, et donc le code.


- Code CSS -

Code:Sélectionner le contenu
#accueil
{
width: 350px;
height: 400px;
overflow: hidden;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 350px;
float: left;
overflow: hidden;
background-color: #ec5c73;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#page1:hover
{
width: 80%;
height: 350px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#page2
{
width: 40px;
height: 350px;
float: left;
overflow: hidden;
background-color: #ef8c9c;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 350px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#page5
{
width: 40px;
height: 350px;
float: left;
overflow: hidden;
background-color: #f2cdc5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 350px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 350px;
color: #ffffff;
margin-left: -140px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: -1px;
text-transform: uppercase;   
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 350px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

/*code pour règlement*/

#pa
{
width: 400px;
}
#partie1
{
width: 400px;
height: 40px;
overflow: hidden;
background-color: #ec5c73;
border-bottom: 1px dotted #dc2d5a;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partie2
{
width: 400px;
height: 40px;
overflow: hidden;
background-color: #ef8c9c;
border-bottom: 1px dotted #dc2d5a;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partie3
{
width: 400px;
height: 40px;
overflow: hidden;
background-color: #f2cdc5;
border-bottom: 1px dotted #dc2d5a;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partie1:hover, #partie2:hover, #partie3:hover, #partie4:hover, #partie5:hover
{
height: 300px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre
{
display: block;
text-align: center;
width: 400px;
height: 40px;
font-size: 20px;
letter-spacing: 2px;
font-variant: arial;
font-family: arial;
padding-top: 10px; 
font-weight: bold;
color: #ffffff;
text-shadow: 0px 0px 1px #ffffff;
}
.content
{
width: 90%;
margin: auto;
background-color: #eceae7;
border: 1px dotted #dc2d5a;
padding: 5px;
color: #715d47;
font-size: 11px;
text-align: justify;
}


.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

.cadredesc2 {

      background-color:#f0e5c3;
  border-top: 10px solid #db8654;

    -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
      width:200px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: justify;
}

div.cssactif_tableaupartenaire {
  width: 250px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0; /* À ne pas modifier */
    padding-left: 10px;
      padding-right: 5px;
padding-top: 5px;
padding-bottom: 10px;
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 18px; /* Hauteur initiale */
  width: 50px; /* Largeur initiale */
}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}

div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
 
  /* Transitions pour différents navigateurs */
  /* navigateur: toutes_transitions durée type */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

div.cssactif_tableaupartenaire a:hover img {
  height: 35px; /* Hauteur finale */
  width: 100px; /* Largeur finale */
  z-index: 99; /* Place l'image au-dessus des autres */
 
  /* Positionne le logo de pleine taille au centre - À adapter */
  left: -50%;
  top: -50%;
}
 

Voilà.

[Scipion]

Le problème que vous rencontrez provient de ce code CSS :

Code:

.spoiler_content{display: none;
  text-align:justify;
  background: #f4f4f4;
padding: 5px;
background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;;
 
}

De ce code, vous devez supprimer ceci :

Code:

display: none;

Cordialement

[Kimi Kozuma]

J'ai supprimé mais les spoilers ne s'ouvrent toujours pas.

[Scipion]

J'espère que vous n'avez pas oublié de valider la modification. Sinon, supprimez tout le code à titre de test.

Cordialement

[Kimi Kozuma]

J'ai supprimé mais les spoilers ne s'ouvrent toujours pas.

[Scipion]

D'accord, maintenant supprimez tout le contenu de votre feuille de style CSS et remplacez par celui-ci :

Code:

body{ background-image:url(http://img15.hostingpics.net/pics/74794377fd.png);
  background-position:top center;
  background-repeat:repeat-y;margin-bottom:0;margin-top:-12px}
 
a {text-decoration: none; outline: none;}
a:hover {text-decoration: none!important;}
.name a {text-decoration: none;}
/*retrait des bordures intempestives*/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
/*fin*/


/* LIENS EN GENERAL */
a:link {text-decoration: none;
font-weight: normal !important;
text-transform: uppercase;
 font-family: 'Fjalla One', sans-serif;
-webkit-transition: color .4s ease-in;
-moz-transition: color .4s ease-in;
-o-transition: color .4s ease-in;
transition: color .4s ease-in;}
a:hover {text-decoration: none!important;}

table
{
  width: 90%;
  margin: auto;
}

/*titres des catégories*/
.secondarytitle h2 {
  background-color: #c7de71;
  padding: 3px;
  display: block;
  font-family: 'Fjalla One', sans-serif;
  color: #ffffff;               
  text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
  font-size: 32px;
  text-align: left;}
/*fin*/

.forumline {
box-shadow: 5px 3px 1px 1px #;
margin-bottom: 20px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
background-color: #fffdf0;}

/*apparences des codes&autres*/

.code {
background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;;
}

.quote {
 background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;

}

.spoiler_closed{
 background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;
}

.spoiler_content{
  text-align:justify;
  background: #f4f4f4;
padding: 5px;
background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;;
 
}

/*fin*/

/*Cadres Description*/


.cadre {
color:  #b29c99;

margin-right: 00px;
width: 500px;
height: 90px;
text-align:justify;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 10px;
background-color:#fdf1d7;
font-size: 10px;
line-height: 9px; 
}

.cadrebis {
color:  #b29c99;
margin-left: 03px;
margin-right: 00px;
width: 500px;
height: 85px;
text-align:justify;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 10px;
background-color:#fdf1d7;
font-size: 10px;
}


.titreforum {
color: #ffffff !important;
font-family: 'Fjalla One', sans-serif;
font-size: 25px;
font-weight: normal;
text-transform: lowercase;
text-align: left;
letter-spacing: -2px;
width: 330px;
height: 15px;
padding: 5px 10px;
margin-top: -5px;
}


/*Cadres Description 2*/


.cadre2 {
  align: justify;
  font-family: 'Fjalla One', sans-serif;
  width: 180px;
  height: 60px;
text-align:center;
  font-weight: 9px;
  font-size: 11px;
  margin-left: 15px;
background-color: #ffd3c1; 
 padding: 10px;
text-transform: uppercase;   
}



.description{
width:350px; 
height:80px; 
padding: 3px;
font-family: arial;
font-size: 10px;
text-transform: uppercase; 
background-color: #fefbf2;}

.description2{
width:100px;
height:65px; 
padding: 3px;
font-family: arial;
font-size: 10px;
background-color: #fefbf2;}


.description3{
width:350px;
height:80px; 
padding: 3px;
font-family: arial;
font-size: 10px;
background-color: #fefbf2;}

.description4{
width:100px;
height:75px; 
padding: 2px; 
font-family: arial;
font-size: 10px;
background-color: #fefbf2;
 line-height: 9px;
}

/*code titre*/
.titrefiche{
font-family: arial;
font-size: 20px;
text-transform: uppercase; 
color: #c2d554;}

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


.cate
{
  width: 100px;
  height: 82px;
  overflow: hidden;
border-left: 1px solid #d6edc8;
border-right: 1px solid #d6edc8;
border-top: 1px solid #d6edc8;
border-bottom: 1px solid #d6edc8;
font-family: arial;
font-size: 10px;
text-transform: uppercase; 
background-color:#fefbf2;
line-height: 10px; 
}
.cate_img
{
  position: relative;
  z-index: 2;
  width: 100px;
  height: 100px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate:hover .cate_img
{
margin-left: 100px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.cate_description
{
  position: relative;
  z-index: 1;
  width: 100px;
  height: 80px;
  margin-top: -80px;
  text-align: justify;
  font-size: 11px;
  padding: 2px;
  overflow: auto;
}

/*jusitfication des posts */
.postbody{
padding: 20px;
text-align:justify;
font-size:12px;
font-family: verdana, arial;
line-height: 11px;
 
  }

textarea, .textarea.post, input.post {
      background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;}

textarea, #text_editor_textarea {
        background-color:#fff5f7!important;
        border:1px solid #f1b9a8;
        border-left:2px solid #f1b9a8;
        border-right:2px solid #f1b9a8;
        border-radius: 20px;
        -moz-border-radius:20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
color: #A28989;
  }

/*fin */



.separator {
  border-top: #fffdf0 2px dotted;}


.icon_online {
    position:absolute;
    margin-left:0px;
    margin-top:10px;}


.cadreprofil {
background-image: url("http://i55.tinypic.com/w06vdk.jpg");
width: 210px;
box-shadow:  0px 0px 1px  #010101;
border-radius:15px;
Border-top:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
border-left:1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
text-align: left;
font-family: 'Fjalla One', sans-serif;
font-size: 18px;
}

/* pseudo */
.name a {
font-style:bold;
font-family: verdana;
font-size: 12px;
font-weight: bold;
font-variant:normal;
text-align:left;
line-height: 11px;}

.rank { font-size: 12px; }



/* espace pour le menu*/
.space {
  width:6px;
  height:2px;
}
/* fin espace menu* /



/* propriétés communes aux blocs */

.blocpoto,
.bloctop {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#fff;
  letter-spacing: 1px;
  padding:3px;
  background-color:#e08e90;
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
 }
 
 .blocstaff {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#858585;
  letter-spacing: 1px;
  padding:3px;
  background-color:#c7de71;
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }

.blocb {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#be9c99;
  letter-spacing: 1px;
  padding:3px;
  background-color:#fdf1d7;
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }

.blocnews {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#fff;
  letter-spacing: 1px;
  padding:3px;
  background-color:#e08e90; 
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }

.blocredit {
  text-align:justify;
  font-family : Verdana;
  font-size:11px;
  color:#b29c99;
  letter-spacing: 1px;
  padding:3px;
  background-color:#fff; 
  box-shadow: 0px 0px 3px rgb(92, 88, 88);
  }



/* fin propriétés communes */

/* bloc staff */
.blocstaff{
  width:230px;
  height:240px;
}
/* fin bloc staff */

/* bloc bienvenue*/
.blocb{
  width:400px;
  height:240px; 
}
/* fin bloc bienvenue */

/* bloc partenariat*/
.blocpoto{
  width:190px;
  height:240px;

}
/* fin bloc partenariat */

/* centre les logos partenaires */
.cpart {
  width:98%;
  height:150px;
  overflow:auto;
}
/* fin logo partenaires */

/* bloc crédit  */
.blocredit{
  width:230px;
  height:150px;
}
/* fin bloc crédit */

/* crédit texte */
.textc {
  font-size:10px;
}
/* fin crédit texte */

/* bloc nouveauté */
.blocnews {
  width:400px;
  height:150px;
}


/* fin bloc nouveauté  */

/* bloc topsites */
.bloctop {
  width:190px;
  height:200px;
}
/* fin bloc topsites */

/* centre logo tops*/
.ctop{
  width:98%;
  height:135px;
  overflow:auto;
}
/* fin centre logo tops */

/* les titres avec pour police Kite One */
.titrepa {
  font-family: 'Kite One', sans-serif;
  font-size:27px;
  color:#B7A49B;
}
/* fin titre */

/* petits points sous les titres */
.yoo {
  border-bottom:1px dotted white;
}
/* fin points sous titres */

/* les liens rapides tout n haut de la PA */
.menu {
  color:#F8F7F6;
  letter-spacing: 1px;
  font-variant:small-caps;
  font-size:11px;
  padding:2px;
  padding-left:4px;
  padding-right:4px;
  background-color:#CABCAB;
  border-left:3px solid #F2F2F2;
  border-right:3px solid #F2F2F2; 
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition:all 0.5s ease;
  -moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
}
/* fin liens rapides */

/* les pointillés dérrière le menu à peut-être adapter selon le forum */
.point {
  border-top:8px dotted #F2F2F2;
  margin-bottom:-10px;
}
/* fin pointillés */

/* simple texte qui se trouve dans les tables pour ne pas deborder */
.textepa {
  width:90%;
  height:180px;
  overflow:auto;
}
/* fin texte */




/*page accordeon horizontale*/
trop grandes sinon elles seront coupées), partenaires, top sites ou ce que vous souhaitez. Il est déconseillé d'utiliser le défilement "marquee" dont l'affichage est très souvent mal géré par les navigateurs.Titre page 4Placez ici le contenu de votre page : texte, liens, images (attention pas trop grandes sinon elles seront coupées), partenaires, top sites ou ce que vous souhaitez. Il est déconseillé d'utiliser le défilement "marquee" dont l'affichage est très souvent mal géré par les navigateurs.Titre page 5Placez ici le contenu de votre page : texte, liens, images (attention pas trop grandes sinon elles seront coupées), partenaires, top sites ou ce que vous souhaitez. Il est déconseillé d'utiliser le défilement "marquee" dont l'affichage est très souvent mal géré par les navigateurs.


(c) par Never-Utopia

Il faut poster un message à la suite du topic pour voir le contenu de ce cadre, et donc le code.


- Code CSS -

Code:Sélectionner le contenu
#accueil
{
width: 350px;
height: 400px;
overflow: hidden;
border: 3px solid #272727;
}
#page1
{
width: 40px;
height: 350px;
float: left;
overflow: hidden;
background-color: #ec5c73;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#page1:hover
{
width: 80%;
height: 350px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#page2
{
width: 40px;
height: 350px;
float: left;
overflow: hidden;
background-color: #ef8c9c;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page2:hover
{
width: 80%;
height: 350px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#page5
{
width: 40px;
height: 350px;
float: left;
overflow: hidden;
background-color: #f2cdc5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#page5:hover
{
width: 80%;
height: 350px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_page
{
width: 100%;
height: 400px;
}
.page_titre
{
display: inline-block;
height: 40px;
width: 350px;
color: #ffffff;
margin-left: -140px;
text-align: center;
font-size: 24px;
font-family: arial black;
letter-spacing: -1px;
text-transform: uppercase;   
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#page1:hover .contenu, #page2:hover .contenu, #page3:hover .contenu, #page4:hover .contenu, #page5:hover .contenu
{
width: 350px;
height: 380px;
margin-left: -180px;
background-color: white;
overflow: none;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

/*code pour règlement*/

#pa
{
width: 400px;
}
#partie1
{
width: 400px;
height: 40px;
overflow: hidden;
background-color: #ec5c73;
border-bottom: 1px dotted #dc2d5a;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partie2
{
width: 400px;
height: 40px;
overflow: hidden;
background-color: #ef8c9c;
border-bottom: 1px dotted #dc2d5a;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partie3
{
width: 400px;
height: 40px;
overflow: hidden;
background-color: #f2cdc5;
border-bottom: 1px dotted #dc2d5a;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#partie1:hover, #partie2:hover, #partie3:hover, #partie4:hover, #partie5:hover
{
height: 300px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
.titre
{
display: block;
text-align: center;
width: 400px;
height: 40px;
font-size: 20px;
letter-spacing: 2px;
font-variant: arial;
font-family: arial;
padding-top: 10px; 
font-weight: bold;
color: #ffffff;
text-shadow: 0px 0px 1px #ffffff;
}
.content
{
width: 90%;
margin: auto;
background-color: #eceae7;
border: 1px dotted #dc2d5a;
padding: 5px;
color: #715d47;
font-size: 11px;
text-align: justify;
}


.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

.cadredesc2 {

      background-color:#f0e5c3;
  border-top: 10px solid #db8654;

    -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-bottomright: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
      width:200px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: justify;
}

div.cssactif_tableaupartenaire {
  width: 250px; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0; /* À ne pas modifier */
    padding-left: 10px;
      padding-right: 5px;
padding-top: 5px;
padding-bottom: 10px;
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
  height: 18px; /* Hauteur initiale */
  width: 50px; /* Largeur initiale */
}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}

div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
 
  /* Transitions pour différents navigateurs */
  /* navigateur: toutes_transitions durée type */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

div.cssactif_tableaupartenaire a:hover img {
  height: 35px; /* Hauteur finale */
  width: 100px; /* Largeur finale */
  z-index: 99; /* Place l'image au-dessus des autres */
 
  /* Positionne le logo de pleine taille au centre - À adapter */
  left: -50%;
  top: -50%;
}

Cliquez sur 'Valider'

Cordialement

[Kimi Kozuma]

ça ne marche toujours pas ;o;

[Scipion]

Rassurez-vous ça marche parfaitement sur mon forum sur lequel j'ai testé votre CSS sous plusieurs navigateurs, Chrome, Opéra, Firefox et Explorer.

Essayez de supprimer les cookies du forum et de vider le cache de votre navigateur internet en vous aidant du tutoriel FA suivant : Vider le cache Internet

Cordialement

[Kimi Kozuma]

Toujours aucune amélioration

[Scipion]

Peut-être que vous avez modifié quelque chose dans un template

Pour vous en assurer, supprimez totalement votre feuille de style CSS; à titre de test.

Cordialement

[Kimi Kozuma]

J'ai supprimé et ça ne marche pas.

[Scipion]

D'accord, donnez-moi les noms des templates que vous avez modifiés, merci.

Cordialement

[Kimi Kozuma]

index_body
index_box
overall_header
viewtopic_body

[Scipion]

Merci bien, le problème pourrait se situer dans le template viewtopic_body (Affichage d'un sujet) que je vous demande de mettre à disposition pour test.

Cordialement

[Kimi Kozuma]

Code:

<script type="text/javascript">
        //<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
        $(function(){
          _atc.cwait = 0;
          $('.addthis_button').mouseup(function(){
              if ($('#at15s').css('display') == 'block') {
                addthis_close();
                addthis_close();
              }
          });
        });
        //]]>
        </script>

        <table width="100%" border="0" cellspacing="2" cellpadding="0">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap">
                <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
                </span>
              </td>
              <td align="left" valign="middle" nowrap="nowrap">
                <!-- BEGIN switch_twitter_btn -->
                <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
                <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                </span>
                <!-- END switch_twitter_btn -->
                <!-- BEGIN switch_fb_likebtn -->
                <span id="fb_likebtn" style="margin-left: 6px; ">
                    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
                </span>
                <!-- END switch_fb_likebtn -->
              </td>
              <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
              <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                <span class="gensmall bold">
                    <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
                    |
                    <script type="text/javascript">//<![CDATA[
                      var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                      var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                      var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                      var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                      var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                      var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
                      insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                    </script>
                </span>
              </td>
          </tr>
        </table>

        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr align="right">
              <td class="catHead" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title">
                          <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                      </td>
                      <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN topicpagination -->
          <tr>
              <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
          </tr>
          <!-- END topicpagination -->
          {POLL_DISPLAY}
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- BEGIN postrow -->
        <!-- BEGIN displayed -->
              <tr class="post">
                  <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                    <span class="icon_online">{postrow.displayed.ONLINE_IMG}</span><br><div class="cadreprofil"><br><center>{postrow.displayed.POSTER_NAME}</center><div style="border-bottom: #A3A1A1 2px dotted;"></div><br><center><div style="box-shadow: 0px 0px 2px #6b6b6b; width: 200px;">{postrow.displayed.POSTER_AVATAR}</div></center>
                     
            <br><div style="border-top: #A3A1A1 2px dotted;"></div><!-- BEGIN profile_field -->
              <div class="name">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div><!-- END profile_field -->
                    </div>

<br />
           

            {postrow.displayed.POSTER_RPG}
                </span>

                <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
              </td>
              <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
        <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /><a href="#{postrow.displayed.U_POST_ID}">{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</a></span></td>
                      <td valign="top" nowrap="nowrap" class="post-options">
                          {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2" class="hr">
                          <hr />
                      </td>
                    </tr>
                    <tr>
                      <td colspan="2">
                          <!-- BEGIN switch_vote_active -->
                          <div class="vote gensmall">
                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                            <!-- END switch_vote -->

                            <!-- BEGIN switch_bar -->
                            <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                                <!-- BEGIN switch_vote_plus -->
                                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                                <!-- END switch_vote_plus -->

                                <!-- BEGIN switch_vote_minus -->
                                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                                <!-- END switch_vote_minus -->
                            </div>
                            <!-- END switch_bar -->

                            <!-- BEGIN switch_no_bar -->
                            <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                            <!-- END switch_no_bar -->

                            <!-- BEGIN switch_vote -->
                            <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                            <!-- END switch_vote -->
                          </div>
                          <!-- END switch_vote_active -->

                          <div class="postbody">

                            <div>{postrow.displayed.MESSAGE}</div>

                            <!-- BEGIN switch_attachments -->
                            <dl class="attachbox">
                                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                                <dd>
                                  <!-- BEGIN switch_post_attachments -->
                                  <dl class="file">
                                      <dt>
                                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                        <!-- BEGIN switch_dl_att -->
                                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_dl_att -->

                                        <!-- BEGIN switch_no_dl_att -->
                                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                        <!-- END switch_no_dl_att -->
                                      </dt>

                                      <!-- BEGIN switch_no_comment -->
                                      <dd>
                                        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                      </dd>
                                      <!-- END switch_no_comment -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      <dd>
                                        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                      </dd>
                                      <!-- END switch_no_dl_att -->

                                      <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                  </dl>
                                  <!-- END switch_post_attachments -->
                                </dd>
                            </dl>
                            <!-- END switch_attachments -->

                            <div class="clear"></div>
                            <div class="signature_div">
                                {postrow.displayed.SIGNATURE}
                            </div>

                          </div>
                       
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
                <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
              </td>
              <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="middle">
                          {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                      </td>
                    </tr>
                </table>
              </td>
          </tr>
          <!-- BEGIN first_post_br -->
        </table>
   

        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
              <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
          </tr>
          <!-- END first_post_br -->
          <!-- END displayed -->
          <!-- BEGIN hidden -->
          <tr>
              <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
          </tr>
          <!-- END hidden -->
          <!-- END postrow -->
          <!-- BEGIN no_post -->
          <tr align="center">
              <td class="row1" colspan="3" height="28">
                <span class="genmed">{no_post.L_NO_POST}</span>
              </td>
          </tr>
          <!-- END no_post -->
          <tr align="right">
              <td class="catBottom" colspan="3" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="9%" class="noprint"> </td>
                      <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                      <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>

        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
          <tr>
              <td class="catBottom" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                      <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>

        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
          <tr>
              <td class="catBottom" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                      <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2 postbody" valign="top">
                <!-- BEGIN link -->
                » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>

                <!-- END link -->
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->

        <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
              <!-- BEGIN topicpagination -->
              <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
              <!-- END topicpagination -->
          </tr>
          <!-- BEGIN switch_user_logged_in -->
          <!-- BEGIN watchtopic -->
          <tr>
              <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
          </tr>
          <!-- END watchtopic -->
          <!-- END switch_user_logged_in -->
          <tr>
              <td class="row2" colspan="2" align="center" style="padding:0px">
                <!-- BEGIN switch_user_logged_in -->
                <a name="quickreply"></a>
                {QUICK_REPLY_FORM}

                <!-- END switch_user_logged_in -->
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                    <tbody>
              <!-- BEGIN show_permissions -->
              <tr>
                <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
                <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
              </tr>
              <!-- END show_permissions -->
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <!-- BEGIN show_permissions -->
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                          <!-- END show_permissions -->
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
          <tr>
              <td style="margin:0; padding: 0;" colspan="2">
                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                    <tbody>
              <tr>
                <td class="catBottom" colspan="2" height="28">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                          <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                          <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
                </table>
              </td>
          </tr>
        </table>

        <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
                <span class="nav">
                    <!-- BEGIN switch_user_authpost -->
                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authpost -->
                    <!-- BEGIN switch_user_authreply -->
                    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                    <!-- END switch_user_authreply -->
                </span>
              </td>

              <!-- BEGIN viewtopic_bottom -->
              <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
              <!-- END viewtopic_bottom -->

              <!-- BEGIN moderation_panel -->
              <td align="center">
                <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
              </td>
              <td align="center" width="250">
                <span class="gensmall"> </span>
              </td>
              <!-- END moderation_panel -->
          </tr>
        </table>
        </form>

        <!-- BEGIN viewtopic_bottom -->
        <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
          <tr>
              <td colspan="2" align="left" valign="top" nowrap="nowrap">
    {S_TOPIC_ADMIN}

                <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                    <input type="hidden" name="t" value="{TOPIC_ID}" />

                    <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
                    <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                    <span class="gen">{L_MOD_TOOLS}
    {S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
                </form>
              </td>
          </tr>
        </table>
        <!-- END viewtopic_bottom -->

        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->
        <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

voilà

[Scipion]

J'ai installé et publié votre template viewtopic_body, les spoilers s'ouvrent normalement sans aucune difficulté.

Depuis quand rencontrez-vous ce problème, et si possible à la suite de quoi ?

Mettez-ici le template index_body pour test.

Cordialement

[Kimi Kozuma]

Je pense que c'est quand j'ai touché à la barre de menu du forum '-'

Index body

Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr><td class="row1" rowspan="3" align="center" valign="middle" position="top center">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         
      <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->   
         
      </td>
      <td width="50%" align="right">
         
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
  <br><br>
<div class="fondblanc">
  <center><span class="titrepa">Qui est en ligne ?</span></center>
 
  <!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />
          </td>
   </tr>
</table>
<!-- END switch_legend -->
  <table width="100%" border="0" cellspacing="5" cellpadding="5" align="center">
    <tr>
        <td width="50%" valign="top" align="center">
            <div class="blocnews" style="margin-left:55px;width:290px;padding:5px;height:80px;">
              <span class="gensmall" style="width:290px;color:white; overflow:auto; padding:3px; font-size: 10px">
                {TOTAL_POSTS}. {TOTAL_USERS}. {TOTAL_USERS_ONLINE}.
                {NEWEST_USER}</div>
                    <div class="blocredit" style="margin-left:55px;margin-top:4px;width:290px;padding:5px;height:20px;">
                      <div style="height:20px;padding:3px;  overflow:auto;"> {LOGGED_IN_USER_LIST}
                                  </span>  </div> </div>

            </div>
        </td>
    <td width="50%" valign="top" align="center"  class="statistiques">
          <div class="blocb" style="margin-left:-62px;height:118px;width:285px; overflow:auto;">
           
              <table class="DeBug">{L_CONNECTED_MEMBERS}</table></div>
     
    </td>
      </tr>
  </table>
    <center><div class="blocstaff" style="margin-top:-5px;width:590px;height:30px;"><center><div class="titreforum">
      <span style="color:couleur ici">groupe</span> -- <span style="color:couleur ici">groupe</span> -- <span style="color:couleur ici">groupe</span> -- <span style="color:couleur ici">groupe</span> </div></center>
   
    </div> </center></div>
 
   
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

<br><br>
{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

[Invité]

Salut Kimi Kozuma et Scipion ,
peut être une réponse ici:
https://forum.forumactif.com/t338902-les-spoilers-ne-s-ouvrent-pas-alors-qu-aucun-code-n-a-ete-modifie#2905468


a++

[Scipion]

Idem pour le template index_body, installé, publié et les spoileurs s'ouvrent normalement.

Puisque vous doutez du template overall_header, mettez son contenu à disposition, merci. En outre expliquez-moi brièvement l'objet de la modification.

Par ailleurs, mettez également à disposition, le contenu complet d'un message dont le spoiler ne s'ouvre pas, sans rien changer bien sûr.

Cordialement

@ Merci Milouze14, je vais voir ça.

[Kimi Kozuma]

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head><link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> <link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css' />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  <script type="text/javascript">
        $(document).ready(function() {
                $("img[title]").juizTips();
        });
</script>
<script
type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
</script>
  <script
type="text/javascript"
src="/scripts/jquery-juizLT.min.js">
</script>
   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <table style="position: fixed; left: 0px; top: 0px; right: 0px; background-color: #ffffff;box-shadow: 0px 1px 1px #f5a1b8; z-index:1000; width: 100%;" ><tr><td><center>{GENERATED_NAV_BAR}</center></td></tr></table>
  <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                                                  </td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

Pour le contenu su spoiler, j'ai juste mis une phrase du lorem ipsum.

Et concernant la modifications du template, j'ai juste déplacé la barre de menu pour qu'elle s'affiche en haut du forum.

[Scipion]

Effectivement, c'était bien le template overall_header qui bloquait l'ouverture des spoilers.

Maintenant, supprimez totalement le contenu du template overall_header et remplacez par celui-ci :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<table style="position: fixed; left: 0px; top: 0px; right: 0px; background-color: #ffffff;box-shadow: 0px 1px 1px #f5a1b8; z-index:1000; width: 100%;" ><tr><td><center>{GENERATED_NAV_BAR}</center></td></tr></table>

  <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

Cordialement

[Kimi Kozuma]

ça fonctionne !!!

Merci beaucoup d'avoir prit le temps de m'aider.