Toolbar manquante sur certains navigateurs pour quelques membres

[Allcrazy]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 20 juillet 2018
Lien du forum : http://oth-alovesobeautiful.forumactif.com/

Description du problème

Bonjour,
sur mon forum certains membres ont indiqués ne pas pouvoir voir la Toolbar sur le forum. On a fait des tests concernant le navigateur. Un membre ne l'a pas sur mozilla firefox et l'autre sur chrome, alors que quand elle change de navigateur comme internet explorer elle y est. Pourtant j'utilise chrome et je vois parfaitement la toolbar, tout comme d'autres membres.

Je voulais savoir donc d'où pouvait venir le problème ?

J'ai bien lu que ca pouvait concerner des scripts, des templates ou autres, mais n'y connaissant que la base je ne préfère pas trop m'y aventurer sans aides. Surtout que je n'ai qu'un code javascript qui est pour la palette de couleur.

Merci d'avance pour votre aide !

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif


J'ai testé sous Firefox e je n'ai pas de toolbar.

Dès que je teste sans charger vos templates personnalisés la toolbar est bien là (sur le même navigateur). Le problème vient donc d'un ou plusieurs templates personnalisés.

Après avoir essayé l'index je suis allé tester d'autres pages (connexion, liste de membres, calendrier) et toujours aucune toolbar.
La liste des suspects possibles se réduit à un seul template : overall_header

La seule question à laquelle je n'ai aucune réponse c'est comment dans ce cas il est possible que plusieurs personnes voient la toolbar sur des navigateurs différents. Je me serais davantage attendue à ce que personne ne puisse la voir (ou que l'on puisse faire un rapprochement entre voyants/aveugles et leurs navigateurs).

[Allcrazy]

Merci beaucoup Neptunia ainsi que pour ta réponse.

Donc si je comprends bien le code dans overall_header à un soucis ? Que devrais-je vérifier pour le corriger ?

Je me pose la même question à vrai dire concernant les autres membres qui voit la toolbar, mais j'ai fais mon enquête auprès d'eux et la moitié me disent avoir la toolbar, tout comme le reste du staff et moi même quand je vais sur Chrome, opéra... C'est donc très curieux.

[*Splash*]

Hi,

La toolbar est visible sous Opéra, Chrome, Safari
Elle est non disponible sous Firefox

[*Splash*]

Après avoir essayé l'index je suis allé tester d'autres pages (connexion, liste de membres, calendrier) et toujours aucune toolbar.
La liste des suspects possibles se réduit à un seul template : overall_header

Peut-être à lire ici : https://forum.forumactif.com/t308422-nouveaute-forumactif-gestion-des-codes-javascript#edit-temp

Et ici : https://forum.forumactif.com/t397293-toolbar-disparue

[Allcrazy]

Merci *Splash* pour ta confirmation.

J'ai demandé à membre du staff de mon forum qui joue via Mozilla, si elle avait bien/toujours la toolbar. Elle m'a dit ne plus l'avoir au final.

J'ai regardé le lien que tu as envoyé au cas où, mon template overall_header est bien à jour.

edit : Merci pour le deuxième lien je regarde

[Allcrazy]

J'avais pour ma part déjà regardé ce sujet, mais ne sachant pas quoi modifié pour ma feuille de style comme c'est du cas par cas, je me suis retrouvée coincée. Merci à celui qui m'aidera

[*Splash*]

Hi,

Tu peux coller ici l'intégralité de ton fichier CSS entre les balises code ?

[Allcrazy]

Oui je peux, merci de m'aider !!

+ Je ne sais pas si ca peut aider, j'ai fais quand même un test avec mon forum test, ayant téléchargé le navigateur mozilla au préalable. j'ai donc juste mis le template overall_header que donnait le sujet... Et ca m'a retiré mon bloc flottant du menu sur le coté gauche et j'ai regardé la différence ensuite. La Toolbar n'apparaissait en effet pas avec mon ancien template, mais avec le changement de template elle est apparu sur mozilla. Le soucis viendrait-il du bloc flottant ?

Je met quand même mon code css

Code:

.bloc_flottant
{
width: 140px;
height: 225px;
position:absolute;
top: 50px;
right: 30px;
background-image: url('https://zupimages.net/up/18/32/rtv3.png');
border:2px solid #d2eeef;
border-radius: 10px 10px 10px 10px;
}

span.rank_no_text {
    display:none;
}

/***************PA LDD******************/

.corpsldd{
width:880px;
  height:650px;
}

.barreduhaut{
  width:850px;
  height:13px;
  background-color:#000;
  border-radius:400px 400px 0px 0px;
  box-shadow:0 0 2px #BEA7C6;
}

.barredubas{
  width:850px;
  height:13px;
  background-color:#000;
  border-radius:0px 0px 20px 20px;
  box-shadow:0 0 2px #BEA7C6;
}

.texteldd{
  font-size:12px;
  color:#89816D;
  text-shadow:0 0 1px #BEA7C6;
  text-align:justify;
}

.titreldd{
  font-family:Julius Sans One;
  font-size:43px;
  color:#1B0025;
  text-align:center;
  letter-spacing:4px;
  text-shadow:0 0 2px #BEA7C6;
}

.contexteldd{
  width:350px;
  height:225px;
  background:transparent;
  border:3px solid #000;
  box-shadow:0 0 2px #BEA7C6;
  margin-left:-495px;
  overflow:auto;
  padding:5px;
}
  
.annoncesldd{
  width:300px;
  height:225px;
  background:transparent;
  border:3px solid #000;
  box-shadow:0 0 2px #BEA7C6;
  overflow:auto;
  padding:5px;
  margin-top:-241px;
  margin-left:200px;
}

.titrecontexteldd{
  font-family:Julius Sans One;
  font-size:35px;
  text-align:center;
  text-shadow:0 0 2px #BEA7C6;
  color:#000;
  margin-top:-40px;
}

.titreannoncesldd{
  font-family:Julius Sans One;
  font-size:35px;
  text-align:center;
  text-shadow:0 0 2px #BEA7C6;
  color:#000;
  margin-top:20px;
}

.liensutilesldd{
  height:240px;
  width:160px;
  background-color:transparent;
  margin-top:-241px;
  margin-left:690px;
}

.cadrelienutile{
  width:150px;
  height:20px;
  background-color:#000;
  box-shadow:0 0 2px #BEA7C6;
}

.textelienutile{
  text-align:center;
  margin:auto;
  font-size:12px;
  color:#89816D;
  text-shadow:0 0 1px #BEA7C6;
}

.partoscadre{
  height:50px;
  width:835px;
  padding:10px;
  background-color:transparent;
  box-shadow:0 0 2px #BEA7C6;
  margin-left:-5px;
  border:3px solid #000;
}

.titrepartos{
  height:44px;
  width:250px;
  font-family:Julius Sans One;
  font-size:30px;
  text-shadow:0 0 2px #BEA7C6;
  color:#000;
  text-align:center;
  margin-left:-650px;
}

.partos{
  height:50px;
  width:645px;
  background-color:transparent;
  margin-top:-45px;
 margin-right:-190px;
}

.blocstaffldd{
  float:left;
  background-color:transparent;
  box-shadow:0 0 2px #BEA7C6;
  width:150px;
  height:200px;
  margin-top:10px;
  margin-left:-5px;
  border:3px solid #000;
  padding:10px;
}

.titrestaffldd{
  font-family:Julius Sans One;
  font-size:32px;
  text-shadow:0 0 2px #BEA7C6;
  color:#000;
  text-align:center;
  letter-spacing:15px;
}

.blocstaff2{
  height:170px;
  width:140px;
  overflow:auto;
  float:center;
  background-color:transparent;
  margin-top:-10px;
}

.staffldd{
float:center;
  font-family: georgia;
  opacity:0.0;
  font-size:12px;
  color: white;
  text-align: center;
  width: 120px;
  height: 50px;
  background-color:#000;
  box-shadow:0 0 2px #BEA7C6;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.staffldd:hover {
  opacity: 1
}

.imgldd{
  float:left;
  height:220px;
  width:220px;
  box-shadow:0 0 2px #BEA7C6;
  border:3px solid #000;
  margin:10px;
}

.topsiteldd{
  height:200px;
  width:155px;
  background-color:transparent;
  box-shadow:0 0 2px #BEA7C6;
  border:3px solid #000;
  margin:10px;
  margin-left:170px;
  padding:10px;
}

.mdm{
  height:200px;
  width:220px;
  float:right;
  background-color:transparent;
  box-shadow:0 0 2px #BEA7C6;
  border:3px solid #000;
  padding:10px;
  margin-top:-236px;
}

.titremdmldd{
  font-family:Julius Sans One;
  font-size:25px;
  text-shadow:0 0 2px #BEA7C6;
  color:#000;
  text-align:center;
}

.imgmdm{
  float:center;
  box-shadow:0 0 2px #BEA7C6;
  border:3px solid #000;
  width:190px;
  height:100px;
}

.creditldd{
  text-align:center;
  font-size:8px;
  color:#89816D;
  text-shadow:0 0 1px #BEA7C6;
}

/*********************FIN P.A LDD***********/

/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/

.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #565554; padding: 0px;
  filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px;  }

.lastpost-avatar img:hover {
border: 2px double #59575b; padding: 0px;
    filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.8;    /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
 -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;  
  -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;  }
.nav img {max-width:140px;}
.modifcat { background-color : #f9fcfb; width: 750px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#ffffff;font-weight: bold;
  text-transform: uppercase; text-shadow: 0 3px 0 #9de0cd;} /*** le style des titres des catégories ***/
 
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 350px; height: 115px;
  background-color: #f9fcfb; border:1px solid #f9fcfb;  margin-top: -16px; padding-left: 4px;  padding-right: 4px;
  padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 335px; height: 80px; overflow:auto; text-align: justify;  line-height: 11px; padding: 4px;
 font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #f7fffc; border:1px solid #bfefe0;} /*** le style des descriptions ***/
.statistiques_cat {background-color: #fff;  width: 135px; height: 115px;
  border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #bfefe0;} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
 font-family: 'Roboto Condensed', sans-serif;  font-size: 11px;}

.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
background-image : url('https://zupimages.net/up/18/32/ffze.png');
    border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #bfefe0;}
.sousfofo a { overflow: x;
color: #6da392; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; background-color: #ffffff; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
  margin-top: 1px;  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }

.sousfofo a:hover {
color: #6da392;
 font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }

.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #74c1a9; font-size: 25px; font-family: Dorsa; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

.forumtitre a:hover {color:#a6dbca !important; letter-spacing: 2px;}
.stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #a1cebf;
  text-transform: uppercase;  text-align: center;  }
.forumdesc1 {text-align: center;  font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 20px;}

/********************* FIN DES CODES CATEGORIES ********************************/

/* -------------------------------- QEEL -------------------------------- */

        /*** MISE EN FORME LIENS AU SURVOL ***/
        a:hover {
          text-decoration: none !important;
        }

        /*** MISE EN FORME FONT DU QEEL ***/
        .fond_qeel {
          width: 780px;
          border-radius: 25px 25px 0px 0px;
          background-color: #a4d8c5;
          margin: auto;
          height: 620px;
          position: relative;
        }

        /*** MISE EN FORME TITRE PRINCIPAL ***/
        .titre_principal {
          color: #ffffff;
          font-family: georgia;
          font-size: 28;
          letter-spacing: 5px;
          text-align: center;
        }

        /*** MISE EN FORME SOUS-TITRE "Qui profite du bord de mer ?" ***/
        .titre_secondaire {
          color: #ffffff;
          font-family: georgia;
          font-size: 14px;
          text-align: center;
        }

        /*** MISE EN FORME BLOC STATISTIQUES ***/
        .bloc_stat {
          background-color: #ffffff;
          padding: 15px;
          width: 200px;
          height: 150px;
          overflow: auto;
          font-size: 11px;
          border: 2px solid #ffffff;
          text-align: justify;
          color: #515151;
          position: absolute;
          left: 3em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES GROUPES ***/
        .bloc_groupes {
          background-color: #ffffff;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #ffffff;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
        .bloc_connectes {
          background-color: #ffffff;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #ffffff;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
        #kaboum .row1 {
          background-color : transparent;
        }

        #kaboum span.gensmall {
          color: #232223;
        }

        /*** MISE EN FORME DES TITRES (simple + survol) ***/
        .titre_bloc {
          font-family: 'Dancing Script', cursive;
          font-size: 24px;
          font-weight: bold;
          color: #c94c8b;
          position: absolute;
          z-index: 2;
          margin-top: -18px;
        }

        .titre_bloc:hover {
          color: #ffffff;
        }

        /*** GROUPES A ONGLETS ***/
        /* Mise en forme des noms de groupe */
        .groupe_onglet {
          display: inline-block;
          padding: 10px;
        }

        /* Mise en forme du bloc en transparence de description */
        .contenu_groupe_onglet {
          padding: 15px;
          display: none;
          width: 315px;
          height: 115px;
          overflow: auto;
          font-size: 11px;
          color: #414141;
          text-align: justify;
          background-color: #ffffff;
          position: absolute;
          top: 14em;
          left: 21em;
          filter: alpha(opacity = 50);
          opacity: 0.8;
        }

        /* Mise en forme des liens */
        .contenu_groupe_onglet a{
          text-decoration: none !important;
        }

        /*** MISE EN FORME DES CREDITS ***/
        .credits {
          text-align: right;
          margin-right: 10px;
          font-size: 9px;
          margin-top: 10px;
        }

        .credits a{
          color: #ffffff;
        }

        /* -------------------------------- FIN QEEL -------------------------------- */

/**menu vertical**/
div.vertical_nav {
background:#FFFFFF;
border:1px solid #ffffff;
border-radius: 15px 15px 15px 15px;
position:fixed;
top:50px;
left:0%;}

div.vertical_nav a.mainmenu {
display:list-item;
list-style:none;}


/**fin menu vertical**/

#fa_toolbar, #fa_toolbar_hidden {background-image: url('https://zupimages.net/up/18/32/zhs8.png');}

div#fa_search {display:none!important;}
span#fa_share {display:none!important;}

/* Icônes couleur dans la palette */
.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;   /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;   /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */  
}
 
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

/******SUJET*******/

 /***TITRE***/
  
  .tpl_sujet_entete {
  margin: 0 auto;
  width: 920px;
  height: 80px;
  background: #f7f7f7;
  text-align: center;
  }
  
  .tpl_sujet_entete h1 {
  margin: 0 auto;
  font-size: 18px;
  color: #d14d38;
  font-family: 'Pacifico', cursive;
  font-weight: normal;
  font-style: italic;
  letter-spacing: 2px;
  line-height: 50px;
  }
  
  /***NAVIGATION***/
  
  .tpl_sujet_nav {
  display: block;
  margin: 0 auto;
  width: 850px;
  border-width: 0 0 2px;
  border-style: dotted;
  border-color: #fff;
  font-family: 'Lobster Two', cursive;
  line-height: 20px;
  text-align: center;
  }

  .tpl_sujet_nav a {
    font-size: 15px;
    color: #abd3c5;
}
  
  /***PSEUDO***/
  
  .tpl_sujet_pseudo {
  display: block;
  position: relative;
  margin: 20px auto 0;
  width: 245px;
  height: 30px;
  background: #96e0c8;
  box-shadow: 0px 2px 2px #c9e2e2;
  font-size: 23px;
  font-family: 'Lobster Two', cursive;
  font-weight: normal;
  text-shadow: 1px 1px 0px #fff;
  color: #76617c;
  line-height: 30px;
  text-align: center;
  z-index: 3;
  }


 .tpl_sujet_pseudo::before { /***CÔTÉ GAUCHE***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #e3e5ea #e3e5ea transparent transparent;
  }

  .tpl_sujet_pseudo::after { /***CÔTÉ DROIT***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #d0eaf2 transparent transparent #d5edf2
  }
  
  /***AVATAR & FEUILLE DE PERSONNAGE***/
  
  .tpl_sujet_avatar {
  position: relative;
  margin: -25px auto 0;
  width: 200px;
  height: 320px;
  border: 2px solid #fff;
  overflow: hidden;
  }

  .tpl_sujet_avatar div { /***FEUILLE DE PERSONNAGE***/
  position: absolute;
  top: 10px;
  left: 10px;
  width: 180px;
  height: 320px;
  background: #fafafa;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #1e1e1e;
  text-align: justify;
  z-index: 2;
  opacity: 0;
  transform: scale(0.5);
  transition: all 1s;
  overflow: hidden;
}

  .tpl_sujet_avatar div:hover {
  opacity: 1;
  transform: scale(1);
}

  /***INFORMATIONS***/
  
  .tpl_sujet_rang {
  margin: 5px auto;
  width: 200px;
  height: 68px;
  background: #add5d8;
  box-shadow: 2px 2px 0px #ffffff;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  font-family: 'Lobster Two', cursive;
  }
  
  .tpl_sujet_informations {
  margin: 10px auto;
  width: 200px;
  min-height: 200px;
  background: #f9f9f9;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  }

  .tpl_sujet_intitule {
  font-size: 11px;
  font-family: 'Time New Roman', serif;
}

  .tpl_sujet_contenu {
  font-size: 11px;
  color: #1e1e1e;
}
  
  /***DATE & BOUTONS***/
  
  .tpl_sujet_bnddate {
  position: relative;
  margin: 20px auto 0;
  width: 640px;
  height: 30px;
  background: #96e0c8;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0px 2px 2px #ffffff;
  }
  
  .tpl_sujet_bnddate::after { /***CÔTÉ DROIT***/
  content: ' ';
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  right: 0;
  border-width: 5px 10px;
  border-style: solid;
  border-color: #cdc9d2 transparent transparent #cdc9d2;
  }

  .tpl_sujet_date {
  font-size: 12px;
  font-family: 'Lora', serif;
  color: #fff;
  float: left;
}

  .tpl_sujet_boutons {
  float: right;
}
  
  /***MESSAGE***/
  
  .tpl_sujet_message {
  margin: -10px auto 0;
  width: 600px;
  min-height: 510px;
  background: #ffffff;
  padding: 15px 8px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 3px 3px 1px #ffffff;
  font-size: 14px;
  color: #000000;
  text-align: justify;
  }

  /***SIGNATURE***/

  .tpl_sujet_signature {
  margin: 0 auto;
  width: 600px;
  height: 300px;
  background: #ffffff;
  line-height: 10px;
  overflow: auto;
}

  /***EN LIGNE & CONTACT***/

  .tpl_sujet_contact {
  margin: 10px;
}

 /***BORDURES***/

td.catHead, td.catBottom {
  border-width: 0;
}

.poster-profile img {max-width: 180px;}

/*-LISTE DES MEMBRES PAR ASHLING POUR EPICODE-*/
.lmback {text-align:center; font-family:arial; text-transform:lowercase; font-size:70px; letter-spacing:-6px; color:#787878; text-shadow:2px 2px 0px white;}
.lmfond {padding:5px; width:170px; background:white; box-shadow: 0px 0px 2px silver; float:left; margin:10px;}
.lmava {width:170px; height:272px; overflow:hidden;}
.lmava img {width:170px; height:272px;}
.lmimg {transition: all 600ms ease;}
.lmava:hover .lmimg {margin-top:-96px;}
.lmdet {width:160px; height:80px; background:#F0F0F0; padding:5px; border-top:6px solid #DFDFDF;}
.lmdetin {font-weight:bold; margin-top:6px; width:160px; border-bottom:1px solid #C5C5C5; text-transform:uppercase; font-size:10px; font-family:arial; color:#818181; text-shadow:1px 1px 0px white; padding:5px 0px 1px 0px;}
.lmnom {background:url('https://2img.net/r/hpimg11/pics/666869newyearbackground.png'); margin-top:5px; box-shadow: 0px 0px 2px silver; padding:5px; width:160px;}
.lmnom a {text-shadow:1px 1px 0px white; font-family:arial; text-transform:lowercase; letter-spacing:-1px; font-size:18px;}
/*-FIN LISTE DES MEMBRES-*/

.fondprofil {
    background: #ffffff;
    border: 1px solid #c4e6dd;
    height: 944px;
    margin: 0 auto;
    padding: 5px;
    width: 720px;
    position: relative;
}
.entoureavatar {
    background-image: url(https://zupimages.net/up/18/32/iqbj.png);
    background-size: cover;
    border: 1px solid #c4e6dd;
    float: left;
    height: 360px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 220px;
}
  .entoureavatar:hover {
    border: 1px solid #454545;
    transition:all 800ms;
  }
.avatarprofil {
    background-image: url(http://via.placeholder.com/200x320);
    filter: grayscale(60%);
    height: 320px;
    margin-left: 10px;
    transform: translateY(10px);
    transition: all 800ms;
    width: 20px;
}
.avatarprofil img {
    height: 320px;
    width: 200px;
}
  .avatarprofil:hover {
    transition:all 800ms;
    filter:grayscale(0%);
  }
  .username {
    width:430px;
    height:100px;
    background: #c4e6dd;
    border: 1px solid #c4e6dd;
    margin-left:250px;
    transform:translateY(10px);
  }
.username strong {
    font-size: 17px;
}
  .triangleuh {
    background-image: url('https://zupimages.net/up/18/32/iqbj.png');
    background-position: center;
    background-size: cover;
    float: left;
    position:relative;
    left:0px;
    height: 100px;
    width: 200px;
}
.triangleuh::after {
    border-left: 120px solid transparent;
    border-top: 100px solid #c4e6dd;
    content: "";
    height: 0;
    margin-left: 80px;
    position: absolute;
    width: 0;
}
.adminPFIL {
    -webkit-transition: opacity .75s;
    margin-left: 250px;
    margin-top: 63px;
    opacity: 1;
}
.adminPFIL div {
    background: rgba(0,0,0,0.8);
    border: 1px solid #c4e6dd;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    margin-bottom: -28px;
    margin-top: -48px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    width: 214px;
}
.adminPFIL div a {
    color: white;
}
#ktactPFIL {
    background-size: 100%;
    height: 50px;
    margin-left: 245px;
    margin-top: 93px;
    text-align: center;
    width: 440px;
}
.ktactPFIL {
    background: #c4e6dd;
    height: 40px;
    margin-left: 5px;
    margin-top: -45px;
    width: 430px;
}
.abtPFIL {
    font-size: 14px;
    height: 850px;
    margin-left: 250px;
    margin-top: 20px;
    width: 450px;
    overflow: auto;
}
.abtPFIL div span {
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
}
.abtPFIL .field_uneditable {
    display: inline-block;
}

[*Splash*]

La Toolbar n'apparaissait en effet pas avec mon ancien template, mais avec le changement de template elle est apparu sur mozilla. Le soucis viendrait-il du bloc flottant ?

Hi,
Si tu n'as pas supprimé le bloc flottant quand la navbar est apparue après changement de template je ne pense pas que le problème vienne de là.
Probablement un soucis côté template.

[*Splash*]

Dans la CSS, ligne 502, il y a un display: none

Code:

#fa_toolbar, #fa_toolbar_hidden {background-image: url('https://zupimages.net/up/18/32/zhs8.png');}

div#fa_search {display:none!important;}
span#fa_share {display:none!important;}

Peut-être est-ce là le problème, sinon ton soucis dépasse mes compétences.

[Bipo]

Bonjour Allcrazy,

Tout comme @Neptunia, je vous confirme que le problème vient de votre template overall_header. Je pense avoir localisé la source du problème car déjà rencontré par un autre membre qui avait le même soucis que vous.

Pourriez-vous nous poster entre les balises [code] le template overall_header ?

Bonne fin de journée.
Bipo.

[Allcrazy]

Merci *splash* de ton aide tout de même et ce n'est pas grave je comprends c'est tout un monde tout ca !

Bonjour Bipo
Merci de te pencher sur mon problème !
Voici mon template dans ce cas :

Code:

<link href="https://fonts.googleapis.com/css?family=Katibeh|Lobster+Two|Pacifico" rel="stylesheet" />
<head>
 <!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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> 
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />
    <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JQUERY_DIR}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 -->
        $(document).ready(function() {             
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {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[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{G_ANALYTICS_ID}', 'auto');
    ga('send', 'pageview');
    ga('set', 'anonymizeIp', true);

    <!-- BEGIN google_analytics_code_bis -->
    ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
    ga('bis.send', 'pageview');
    ga('bis.set', 'anonymizeIp', true);
    <!-- END google_analytics_code_bis -->
    //]]>
    </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}">
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{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" style="z-index: 10000 !important;">
        <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 />&nbsp; </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 class="vertical_nav">{GENERATED_NAV_BAR}</div>

                <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 -->


[Bipo]

Sujet analogue à ce problème [Problème de compatibilité de la Toolbar avec Firefox]

---

Re,

Essayez de publier cette correction :

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 href="https://fonts.googleapis.com/css?family=Katibeh|Lobster+Two|Pacifico" rel="stylesheet" />
    <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>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="https://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="{JQUERY_DIR}ticker/ticker.css" />
    <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JQUERY_DIR}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 -->
        $(document).ready(function() {              
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {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[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{G_ANALYTICS_ID}', 'auto');
    ga('send', 'pageview');
    ga('set', 'anonymizeIp', true);

    <!-- BEGIN google_analytics_code_bis -->
    ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
    ga('bis.send', 'pageview');
    ga('bis.set', 'anonymizeIp', true);
    <!-- END google_analytics_code_bis -->
    //]]>
    </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}">
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{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" style="z-index: 10000 !important;">
        <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 />&nbsp; </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 class="vertical_nav">{GENERATED_NAV_BAR}</div>

                <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 -->

Ce qui posait problème, c'est la première ligne de votre template :

Code:

<link href="https://fonts.googleapis.com/css?family=Katibeh|Lobster+Two|Pacifico" rel="stylesheet" />

Ce code est à mettre après la balise <head>. Sinon, cela provoque la disparition de la Toolbar sous certains navigateurs.

Bonne soirée.
Bipo.

[Allcrazy]

J'ai mis la correction et c'est bien revenue !!
Merci beaucoup Bipo et à vous autres pour votre temps.
D'accord une erreur assez bête en soit de ma part, mais c'est vrai qu'il faut bien connaître les règles niveaux codes.
Bonne soirée !!!

Je peux mettre résolu dans ce cas.