Chatbox invisible sous plusieurs navigateurs.

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

Résolu Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Mar 3 Sep 2013 - 12:40

Bonjour!

D'avance, je m'excuse si ce problème a déjà été soulevé mais je ne l'ai vu nulle part.

Nous avons donc une chatbox sur le forum mais plusieurs membres m'ont signalé qu'ils ne pouvaient y avoir accès tout simplement parce qu'elle n’apparaissait pas sur leur écran.
J'ai donc remarqué que la CB est effectivement invisible sous Chrome et IE. Elle s'affiche très bien sous Safari et je n'ai pas testé sous Opéra.
Je suis sous la dernière version de FF et tout fonctionne bien mais il semblerait que le problème refasse surface sur d'anciennes versions de FF.

Pourriez-vous m'indiquer d'où vient éventuellement ce problème et comment le résoudre s'il vous plaît?

Merci d'avance! Very Happy


Dernière édition par Amasis le Ven 20 Sep 2013 - 0:56, édité 1 fois

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Neptunia le Mer 4 Sep 2013 - 14:20

Bonjour !

On va commencer par le commencement !
1/ Que se passe t'il si tu forces les templates par défaut.
Si cela fait revenir la chatbox sur tous les navigateurs, il nous faudra le contenu de ton index_box ainsi que la feuille CSS.

2/ Et en désactivant les pages de javascript ?

Si cela ne corrige pas le souci, la CSS devrait nous suffire.

Neptunia
+ Hyperactif +

Féminin
Messages : 10950
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Ven 6 Sep 2013 - 18:48

Bonjour!

Merci d'avoir pris le temps d'examiner mon problème.

1/ Cela détruit entièrement le codage de mon forum puisque ce template a été entièrement remanié.
2/ J'ai supprimé les pages javascript qui n'étaient plus utilisées mais cela ne change rien. La CB est toujours invisible sous Chrome et IE (mais de la part de ce dernier navigateur, rien ne m'étonne... Rolling Eyes ).

Voici donc mon CSS (très long!) Mais rien ne concerne la CB...

Code:
/*-- Widget Accordéon sur la Gauche --*/
  #WidgetGauche {
      z-index:99;
  -webkit-transition: all 1s ease; /* Transition Douce */
      -moz-transition: all 1s ease; /* Transition Douce */
      -o-transition: all 1s ease; /* Transition Douce */
      transition: all 1s ease; /* Transition Douce */
      position:fixed;
      top:100px; /* Distance par rapport au Haut du Forum */
      right:-340px;
  height:500px;
  width: 360px;
      /*-- Design de la Boite --*/
      font-size:10px; /* Taille Texte */
      background-color:#666457; /* Couleur de Fond */
      -webkit-border-radius: 10px 0px 0px 10px; /* Coin arrondis */
      border-radius: 10px 0px 0px 10px; /* Coin arrondis */
      border:1px solid white; /* Bordure */
      box-shadow:0 0 5px grey; /* Ombre de la boite */
      padding: 10px 20px;
  }

  #WidgetGauche:hover {
      -webkit-transition: all 1s ease; /* Transition Douce */
      -moz-transition: all 1s ease; /* Transition Douce */
      -o-transition: all 1s ease; /* Transition Douce */
      transition: all 1s ease; /* Transition Douce */
      position:fixed;
    right:0px;
  }

.titre_tab{
font-size: 16px;
color: #8a804e;
background-position: center top;
}


/* Retire le sur-lignage de tout les liens du sites*/
a:hover {
text-decoration: none !important;
font-weight: normal !important;
}

/* Retire le soulignement de tout les liens et pseudo */
a { text-decoration: none !important;
font-weight: normal !important;
}


/* Enligne les titres à droite */
.d_titre{text-align: right; font-size: 10px;
}

a.forumlink {text-align: right;
font-weigh:normal !important;
}



.quote, .code, .spoiler_content{
border-radius: 10px;
-moz-border-radius: 10px;
background-color: #9d9980;
max-width: 850px;
overflow: auto;
padding: 5px;
border:#000000
border-style: solid
border-width: 1px
}
.quote, .code, .spoiler_closed{
  border-radius: 10px;
-moz-border-radius: 10px;
background-color: #9d9980;
max-width: 500px;
overflow: auto;
padding: 5px;
border:#000000
border-style: solid
border-width: 1px
}

a:hover { text-decoration: none !important;
text-shadow: 1px 1px 1px #373739;
}

        a.mainmenu img{
        display: none;
        }

  /*arrondir la bordure*/
  .forum
{
border-radius: 15px; /* pour Internet Explorer 9, Firefox 4, Chrome 10 */}

a.mainmenu:hover {
  border: none /*bordure*/
  text-shadow: 3px 3px 3px #ffffff; /*lien non-souligne*/
  color: #8F845E; /*couleur du texte*/
  border-bottom: none; /*bordure en bas*/
border-radius: none; /* pour mozilla firefox */
background-image: none
}



/*----------Encadres et legende-------------*/

/* personnalisation d'un encadre */
.SWfieldset {
  /* couleur de fond */
  background-image:url(http://img4.hostingpics.net/pics/801490fondfichepetit.jpg);
 
  /* coins arrondis */
  border-radius: 0px 0px 35px 35px;
 
  /* bordure (épaisseur, couleur, type) */
  border: 1px #2E2218 solid;
 
  /*espacement intérieur (entre le contenu et le bord) */
  padding:5px;
 
  /* Personnalisation du texte à l'intérieur */
  text-align:center; /*texte justifié */
}

/* personnalisation du titre (légende) de l'encadré */
.SWlegend {
  /* couleur de fond */
  background-image:url(http://img4.hostingpics.net/pics/801490fondfichepetit.jpg);
 
  /* coins arrondis */
  border-radius: 5px;
  -webkit-border-radius: 5px;
 
 
  /* bordure (épaisseur, couleur, type) */
  border: 1px #2E2218 solid;
 
  /* espacement intérieur (entre le contenu et le bord), haut/bas puis droite/gauche */
  padding: 2px 5px;
 
  /* taille (width) et hauteur (height) */
  width:auto;
  height:auto;
 
  /* espacement par rapport au bord gauche */
  margin-left: 10px;
 
  /* centrage du texte */
  text-align: center;
}

/* personnalisation du texte dans le titre de l'encadre */
.SWlegend span {
  color : #666457 ;
  font-weight : bold;
  text-decoration :none;
  font-style : italic ;
}

/*--------------TH personnalise-------------*/
.SWfondth1 {
  background:none;
  border-radius-bottomleft:10px;
  -webkit-border-radius-bottomleft: 10px;
}

.SWfondth2 {
  background:none;
  border-radius-bottomright:10px;
  -webkit-border-radius-bottomright: 10px;
}


/*----Champs du profil----*/
.atelierprof {
text-align:center;
padding:9px;
background-image:url(http://img4.hostingpics.net/pics/801490fondfichepetit.jpg) ;
border-radius:35px 0px 0px 35px;
border: solid #2E2218 1px;
}

.desc{
  background-image:url(http://img4.hostingpics.net/pics/801490fondfichepetit.jpg);
  border-radius: 3px;
  border: #2E2218 1px solid;
  width: auto;
  height: auto;
  text-align: right;
  font-family: IsadoraCaps;
  font-size: 16px;
  font-style: italic;
}

 /*------ Début Barre de navigation------*/
#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  text-align:center;
  background-color: #cecece;
  border-bottom: 2px solid #828282;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;
}
 /*------ Fin Barre de navigation------*/
 
 /* -----Debut apparence des titres des sous-forums----- */
 a.forumlink {
 display: block; /* lien transformé en bloc (il prend toute la ligne) */
position: center;
background-color: #9C9880; /* couleur de fond du bloc */
text-align:center; /* texte centré dans le bloc */
color: #c3f7a6; /* couleur du texte */
font-family: Eras Light ITC; /* police du texte */
  font-size: 18px;
text-shadow: black 1px 1px 2px; /* texte ombré noir */
  text-transform: uppercase; /* texte en majuscules */
/* coins arrondis */
-webkit-border-radius:10px; /* pour Chrome et Safari */
border-radius: 10px; /* Pour IE9, Firefox4, etc...*/
  box-shadow: 2 px 2 px 0px 0px;
}
/* -----Fin apparence des titres des sous-forums----- */

/*----Image en-tete des categories----*/
.secondarytitle {
  background-image: none;
}
 
  /* -----Debut apparence forums---- */
.forums {
  background: #2E2218;
  width:200px;
  height: 75px;
border-radius: 10px; /* Pour IE9, Firefox4, etc...*/
  border: none;
  box-shadow: 1px 1px 0px 0px #000000;
}
 
  /*----Arrondir les coins du forum----*/
  .bodyline {
    -webkit-border-radius: 20px;  /* Chrome, Safari, Opera */
        border-radius: 20px;              /* Chrome et format standard */
        border:none;
}
  /* Arrondir les coins des categories et Messages et Sujets, Dernier Message */
th {
        -webkit-border-radius: 20px; /* coins arrondis sous Chrome et Safari */
        border-radius: 20px; /* coins arrondis pour les navigateurs modernes */
}

/* Arrondir les coins du tableau */

.forumline {
                -webkit-border-radius: 20px; /* coins arrondis sous Chrome et Safari */
        border-radius: 20px;/* coins arrondis sous certains navigateurs */
        border:none; /* enlever la bordure */
        background: transparent; /* enlever le fond */
    }


/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}
.catetitre_bloc
{
position: absolute;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-htm-transform: rotate(0deg);
}
.catetitre_content
{
z-index: 2;
width: 100%;
margin-top: -50px;
text-align: center;
padding: 3px;
}

.catetitre
{
color: #666457;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.forum_bloc
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  border-radius: 0px 0px 15px 15px;
}
.forum
{
float: left;
width: 460px;
height: 250px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 50px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #454545;
  text-align: center;
font-family: I still know;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
    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;
background-color: #666457;
}
a.forumlink:hover
{
  letter-spacing: 4px;
    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;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #141210;
  border-left: 1px solid #191817;
  border-right: 1px solid #191817;
  border-bottom: 1px solid #191817;
  border-top: 5px solid #191817;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  background-color: #666457;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #121010;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  padding: 5px;
  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;
}
.description_contenu:hover
{
  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;
}
.icone_stats
{
  width: 300px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 10px;
  background-color: #010101;
  border: 1px solid #666457;
  padding: 5px;
  text-align: center;
  border-radius: 5px;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-radius: 10px;
  border-bottom: 1px solid #666457;
  padding-bottom: 5px;
  font-size: 11px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #666457;
  color: #b5b5b5;
  overflow: hidden;
    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;
}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 950px;
  margin: auto;
  background: #010101;
  border: 1px solid #ececec;
  border-radius: 10px;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  width: 900px;
  background: #141210;
  border: 1px solid #9C9880;
  border-radius: 10px;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 12px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  background: #141210;
  border-left: 3px solid #9e9e9e;
  border-right: 3px solid #9e9e9e;
  padding-top: 10px;
  font-size: 12px;
}
.sujets_stats
{
  width: 900px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 12px;
  color: #a4a4a4;
}

/* QEEL ONGLETS LATERAUX HOVER */

.qeelnu31_titre
{
  display: block;
  width: 800px;
  height: 100px;
  background: url(http://img11.hostingpics.net/pics/799402ImageQEELcopie.png);
  margin: auto;
}
#qeelnu31
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 200px;
  padding: 10px;
  background: #666457;
  border: 1px solid #141210;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
 
}
#qeelnu31_content
{
  width: 950px;
  height: 200px;
  overflow: hidden;
}
#qeelnu31_links
{
  float: left;
}
.qeelnu31_link1, .qeelnu31_link2, .qeelnu31_link3
{
  width: 150px;
  height: 48px;
  margin-bottom: 2px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1
{
  background: url(http://img11.hostingpics.net/pics/661845stats.jpg);
}
.qeelnu31_link2
{
  background: url(http://img11.hostingpics.net/pics/875662groupes.jpg);
}
.qeelnu31_link3
{
  background: url(http://img11.hostingpics.net/pics/680062anniversaires.jpg);
}
.qeelnu31_link1:hover, .qeelnu31_link2:hover, .qeelnu31_link3:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
}
.qeelnu31_contenu1
{
  width: 800px;
  height: 200px;
  margin-left: 150px;
  background: #141210;
  border: 1px solid #9C9880;
}
.qeelnu31_contenu2
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  overflow: hidden;
  background: #141210;
  border: 1px solid #9C9880;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu3
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -50px;
  overflow: hidden;
  background: #141210;
  border: 1px solid #9C9880;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu4
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -100px;
  overflow: hidden;
  background: #141210;
  border: 1px solid #9C9880;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1:hover .qeelnu31_contenu2, .qeelnu31_link2:hover .qeelnu31_contenu3,
.qeelnu31_link3:hover .qeelnu31_contenu4
{
  width: 800px;
  height: 200px;
  overflow: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu
{
  display: block;
  padding: 5px;
  color: #776047;
  font-size: 10px;
  text-align: justify;
}

.qeelnu31_stats
{
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: bold;
}
.usernu31_online
{
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11
{
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}
a.gr1
{
  url( http://img15.hostingpics.net/pics/385507Amasis80x150copie.jpg);
}
.gr2
{
  color: #787878 !important;
}
.gr3
{
  color: #b2b2b2 !important;
}
.gr4
{
  color: #e12727 !important;
}
.gr5
{
  color: #e3bb41 !important;
}
.gr_description
{
  font-size: 14px;
  line-height: 9px;
  text-align: justify;
  color: #aa9a89;
}
/*------ Début Page d'accueil------*/
.description_contenu {
  font-size: 12px;
  background-color:#C7C9C9;
  border: 1px #040404 solid;
  color: #010101;
}
/*------ Fin Page d'accueil------*/

      /*nouvel éditeur barre du haut*/
                div.sceditor-toolbar{
                background-image: url(http://img4.hostingpics.net/pics/801490fondfichepetit.jpg) !important;
                text-align: center!important;}
                /*nouvel éditeur textarea*/
                .sceditor-container iframe, .sceditor-container textarea{
                background-color:#4A483C!important;
                  border: solid 2px #666457; !important;
                color:#fff !important;
                  margin:0 !important;}
                /*nouvel éditeur gp bouton*/
                div.sceditor-group{
                background-color: #C7C9C9 !important;}
             
             
             
                .sceditor-container.ltr.sourceMode, .sceditor-container.ltr.wysiwygMode
        { border: solid 2px #666457;
                  background-image: url(http://img4.hostingpics.net/pics/801490fondfichepetit.jpg);}

img.smiley
          {
              width: auto !important;
              height: auto !important;
            }
div.sceditor-emoticons {
 
  height:300px;
  overflow:auto;
}
Merci de votre aide. Smile

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Dim 8 Sep 2013 - 8:48

Bonjour!

Petit up du dimanche matin! Hi 

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Neptunia le Dim 8 Sep 2013 - 10:17

Désolé je n'avais pas vu ta réponse.

Alors pour le point 1/ : En dehors des soucis d'apparence, est ce que ça fait revenir le tchat ?

Pour le point 2/ vu que la chatbox est latérale, bah désactiver les javascripts fait disparaitre la chatbox donc test pas réalisable, pourtant je pense fortement à un conflit entre deux javascripts.
J'avais d'ailleurs pensé au panneau latéral droit qui a l'id widgetgauche Wink mais il semble hors de cause vu que sur les sous-forums le souci persiste.

Le coupable hypothétique idéal serait un code javascript s'affichant sur toutes les pages.
Ou un template overall_header ou footer modifié d'où mon insistance sur la premiere question : la chatbox revient-elle en forçant les templates par défaut ?

Si toujours rien, il nous faudra le code de ta chatbox latérale.

Neptunia
+ Hyperactif +

Féminin
Messages : 10950
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Dim 8 Sep 2013 - 13:56

Bonjour!

Pas de soucis. Je remontais juste ma demande par réflexe. Smile 

1/ Non. La CB est toujours invisible.
2/ Ma CB est codée dans une page HTML à part. Le problème vient peut-être de là?
Voici le code

Code:
jQuery(document).ready(function() {
     /* Ouverture/Fermeture de la Chatbox */
  var image_ouvrir = "http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png";   //URL de l'image "ouvrir"
  var image_fermer = "http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png";   //URL de l'image "fermer"
  
 /* Création de la Chatbox dans le body */
  jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #4c4a3a;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="'+image_ouvrir+'" id="chatboximg" /></td></tr></table>');
 
 jQuery('#chatboximg').click(function () {
     ouvre(this, image_ouvrir, image_fermer);
  });
 
 function ouvre(el, image_ouvrir, image_fermer) {
      document.getElementById('chatboxpop').style.display = (el.src==image_ouvrir)?'block':'none';
      el.src = (el.src==image_ouvrir)?image_fermer:image_ouvrir;
  }
});
A tout hasard, je vous soumets le code l'index_body (où elle est codée):
Code:

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="pageaccueil" 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">
      <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 -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </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 -->
<span class="qeelnu31_titre"></span>
<div id="qeelnu31">
  <div id="qeelnu31_content">
    <div id="qeelnu31_links">
   
      <div class="qeelnu31_link1">
      <div class="qeelnu31_contenu2">
        <span class="qeelnu31_contenu">
          <table>{L_CONNECTED_MEMBERS}</table>
        </span>
      </div>
      </div>
   
      <div class="qeelnu31_link2">
      <div class="qeelnu31_contenu3">
        <span class="qeelnu31_contenu">
          <table><div align="center"><tr>
            <td style="horizontal-align: top;">
              <td><a href="http://www.talesofthedarkness.com/t10-rappel-des-caracteristiques" class="gr1" title="Vampires"><img src="http://img4.hostingpics.net/pics/917051Vampires.jpg" alt="vampires"/></a></td>
             
              <td><a href="http://www.talesofthedarkness.com/t11-rappel-des-caracteristiques" class="gr3" title="Incubes et succubes"><img src="http://img4.hostingpics.net/pics/434461Succubesetincubes.jpg"/></a></td>
           
              <td><a href="http://www.talesofthedarkness.com/t608-rappel-des-caracteristiques" class="gr5" title="Démons"><img src="http://img4.hostingpics.net/pics/915307Dmons.jpg"/></a></td>
           
              <td><a href="http://www.talesofthedarkness.com/t14-rappel-des-caracteristiques" class="gr2" title="Anges déchus"><img src="http://img4.hostingpics.net/pics/631099Angesdchus.jpg"/></a></td>
           
              <td><a href="http://www.talesofthedarkness.com/t15-rappel-des-caracteristiques" class="gr4" title="Anges et archanges"><img src="http://img4.hostingpics.net/pics/111365Anges.jpg"/></a></td>
            <td> <a href="http://www.talesofthedarkness.com/t16-rappel-des-caracteristiques" class="gr6" title="Chevaliers"><img src="http://img4.hostingpics.net/pics/946091Chevaliers.jpg"/></a></td>
              <td><a href="http://www.talesofthedarkness.com/t23-rappel-des-caracteristiques" class="gr7" title="Humains"><img src="http://img4.hostingpics.net/pics/190452Humainscopie.jpg"/></a></td>
            </td>
            </tr></div></table>
        </span>
        </div>
      </div>
   
      <div class="qeelnu31_link3">
      <div class="qeelnu31_contenu4">
        <span class="qeelnu31_contenu">
          <table>{L_WHOSBIRTHDAY_TODAY}
        {L_WHOSBIRTHDAY_WEEK}</table>
        </span>
      </div>
      </div>
   
    </div>
    <div class="qeelnu31_contenu1">
      <span class="qeelnu31_contenu">
        <span class="qeelnu31_stats">{TOTAL_USERS}.<br />{TOTAL_POSTS}.</span>
        <br /><br />
        <span class="qeelnu31_norm">{NEWEST_USER}<br />
          {RECORD_USERS}</span>
        <br /><br />
        <span class="usernu31_online">{TOTAL_USERS_ONLINE}</span><br />
        <span class="usernu31_list">{LOGGED_IN_USER_LIST}</span>
      </span>
    </div>
  </div>
</div>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- 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><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{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 -->
Et l'index_box

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <div id="WidgetGauche"><div style="float:left;margin-top:10px;margin-right:10px;"><img src="http://img15.hostingpics.net/pics/594060titreboitelat400copie.png"/></div>
  <img src="http://img15.hostingpics.net/pics/970362Moyenageboitelatpetit.png"/><br/>
  <a href="http://www.talesofthedarkness.com/t643-rencontre-en-terre-ecossaise-pv-karwen">RENCONTRE EN TERRE ECOSSAISE</a><br>
  <a href="http://www.talesofthedarkness.com/t680-jours-de-liesse-jerusalem-1254-pv-lena"/>JOURS DE LIESSE</a><br/>
  <a href="http://www.talesofthedarkness.com/t644-initiation-d-un-nouvel-ange-pv-lenael"/>INITIATION D'UN NOUVEL ANGE</a><br/><br/>
<img src="http://img15.hostingpics.net/pics/240089Tempsmodernesboitelatpetit.png"/><br/>
  <a href="http://www.talesofthedarkness.com/t727-a-l-echaffaud-mort-de-robespierre-10-thermidor-an-ii-sacha"/>A L'ECHAFFAUD!</a><br/>
<a href="http://www.talesofthedarkness.com/t495-londres-1901-la-mort-d-une-reine-pv-nathanael"/>MORT D'UNE REINE</a><br/>
<a href="http://www.talesofthedarkness.com/t605-tu-m-prendrais-pas-pour-un-jambon-mon-cochon-solo"/>TU M'PRENDRAIS PAS POUR UN JAMBON MON COCHON?</a><br/>
<a href="http://www.talesofthedarkness.com/t579-le-jour-ou-la-guerre-est-arrivee-en-amerique-8-decembre-1941-chicago-libre"/>LE JOUR OU LA GUERRE EST ARRIVEE EN AMERIQUE</a><br/>
<a href="http://www.talesofthedarkness.com/t703-oncle-et-neveu-eleve-et-maitren-pv-nobu"/>ONCLE ET NEVEU, ELEVE ET MAITRE</a><br/><br/>
<img src="http://img15.hostingpics.net/pics/26638821meboitelatpetit.png"/><br/>
<a href="http://www.talesofthedarkness.com/t523-2011-2012-les-fleurs-de-la-folie-chapitre-1-solo"/>LES FLEURS DE LA FOLIE</a><br/>
<a href="http://www.talesofthedarkness.com/t556-week-end-a-rome-1er-novembre-2010-solo-ou-libre"/>WEEK-END A ROME</a><br/>
<a href="http://www.talesofthedarkness.com/t729-born-to-be-wild-alabama-1999-pv-crystella"/>BORN TO BE WILD</a><br/>
<a href="http://www.talesofthedarkness.com/t733-spank-me-im-famous-avril-2000-pv-youri"/>SPANK ME I'M FAMOUS</a><br/>
<a href="http://www.talesofthedarkness.com/t678-a-l-ombre-des-geants-nos-coeurs-ont-ensemble-chante-pv-ievgueni"/>A L'OMBRE DES GEANTS, NOS COEURS...</a><br/>
<a href="http://www.talesofthedarkness.com/t732-au-code-d-honneur-des-yakusas-novembre-2000-pv-crystella"/>AU CODE D'HONNEUR DES YAKUSAS</a><br/>
<a href="http://www.talesofthedarkness.com/t695-where-is-my-mind-solo"/>WHERE IS MY MIND?</a><br/>
<a href="http://www.talesofthedarkness.com/t725-the-devil-i-have-become-solo"/>THE DEVIL I HAVE BECOME</a><br/>
<a href="http://www.talesofthedarkness.com/t724-la-danse-du-crayon-juillet-2013-libre"/>LA DANSE DU CRAYON</a><br/>
<a href="http://www.talesofthedarkness.com/t735-charenton-patiente-jeanne-touret-solo"/>CHARENTON- PATIENTE JEANNE<br/>
<a href="http://www.talesofthedarkness.com/t702-fight-in-lesbos-pv-flo-et-lilith"/>FIGHT IN LESBOS</a> /!\ATTENTION RP TRES SENSIBLE/!\<br/>
<a href="http://www.talesofthedarkness.com/t711-reunion-de-famille-tous-les-vampires"/>REUNION DE FAMILLE</a><br/>
<a href="http://www.talesofthedarkness.com/t707-suis-je-a-ma-place-25-janvier-2030-libre"/>SUIS-JE A MA PLACE?</a><br/>
<a href="http://www.talesofthedarkness.com/t737-se-nourrirc-que-c-est-fatiguant-avril-2000-pv-crystella"/> SE NOURRIR, C'QUE C'EST FATIGUANT!<br/>
<img src="http://img15.hostingpics.net/pics/544604Uchroniaboitelatpetit.png"/><br/>
<a href="http://www.talesofthedarkness.com/t538-sous-les-trois-soleils-voyage-en-science-fiction"/>SOUS LES TROIS SOLEILS</a><br/>
<a href="http://www.talesofthedarkness.com/t604-la-caverne-du-vampire-libre-une-personne-a-la-fois-2010"/>LA CAVERNE DU VAMPIRE</a><br/>
</div><br/>
<tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre"><span class="catetitre_bloc"></span>
  <div class="catetitre_content">{catrow.tablehead.L_FORUM}</div></div><br/><br/><br/>

  <!-- END tablehead -->
  <!-- BEGIN cathead -->


  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 

<div class="forum_bloc">
<div class="forum">
 
  <span class="forumlink">
  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
  </span>
 
  <div class="forum_contenu">
    {catrow.forumrow.FORUM_DESC}<br />
 
    <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td>
      <td><span class="stats_lastpost">
        <span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
        <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
        </span></td>
      </tr></table></div>
 
  </div>
 
 
 
</div>
</div>


  <!-- END forumrow -->
  <!-- BEGIN catfoot -->

  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->

<!-- END tablefoot --><!-- END catrow -->
Merci pour la correction "droite/gauche". Je n'avais même pas fait attention... Embarassed 

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Mar 10 Sep 2013 - 18:55

Remonte petit sujet ^^

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Jeu 12 Sep 2013 - 18:12

Hop! Hop! Up! ^^

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Mar 17 Sep 2013 - 2:25

Bonjour/Bonsoir ^^

Si quelqu'un a la solution, je suis toujours preneuse s'il vous plaît Wink
Merci à vous!

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Chatbox invisible sous plusieurs navigateurs.

Message par Amasis le Ven 20 Sep 2013 - 0:55

Bonsoir,

je crois qu'on se passera fort bien de la CB sous chrome et IE (surtout IE en fait! ^^).
Merci pour les premiers indices de réflexion en tout cas.

Vous pouvez archiver ce sujet.

Amasis
**

Féminin
Messages : 55
Inscrit(e) le : 27/06/2008

http://www.talesofthedarkness.com/
Amasis a été remercié(e) par l'auteur de ce sujet.

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


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