Chatbox invisible sous plusieurs navigateurs.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Chatbox invisible sous plusieurs navigateurs.
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!
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!
Dernière édition par Amasis le Ven 20 Sep 2013 - 0:56, édité 1 fois
Re: Chatbox invisible sous plusieurs navigateurs.
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.
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.
Re: Chatbox invisible sous plusieurs navigateurs.
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... ).
Voici donc mon CSS (très long!) Mais rien ne concerne la CB...
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... ).
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;
}
Re: Chatbox invisible sous plusieurs navigateurs.
Bonjour!
Petit up du dimanche matin!
Petit up du dimanche matin!
Re: Chatbox invisible sous plusieurs navigateurs.
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 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.
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 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.
Re: Chatbox invisible sous plusieurs navigateurs.
Bonjour!
Pas de soucis. Je remontais juste ma demande par réflexe.
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
Pas de soucis. Je remontais juste ma demande par réflexe.
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;
}
});
- 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 -->
- 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 -->
Re: Chatbox invisible sous plusieurs navigateurs.
Remonte petit sujet ^^
Re: Chatbox invisible sous plusieurs navigateurs.
Hop! Hop! Up! ^^
Re: Chatbox invisible sous plusieurs navigateurs.
Bonjour/Bonsoir ^^
Si quelqu'un a la solution, je suis toujours preneuse s'il vous plaît
Merci à vous!
Si quelqu'un a la solution, je suis toujours preneuse s'il vous plaît
Merci à vous!
Re: Chatbox invisible sous plusieurs navigateurs.
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.
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.
Sujets similaires
» Gros problèmes d'apparence sur mon forum avec plusieurs navigateurs
» Spoilers qui ne s'ouvrent pas sous tous les navigateurs.
» codes qui s'affichent pas sous différents navigateurs
» Apparence du forum sous différents navigateurs
» Problème de codes qui sautent sous certains navigateurs
» Spoilers qui ne s'ouvrent pas sous tous les navigateurs.
» codes qui s'affichent pas sous différents navigateurs
» Apparence du forum sous différents navigateurs
» Problème de codes qui sautent sous certains navigateurs
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum