Problème à un endroit de la Chatbox

[MD2]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://densetsuno.forumactif.org/

Description du problème

Bonjour,

En ayant mis un nouveau thème, j'ai remarqué que m cb avait le meme fond, j'ai suivi le tutoriel https://forum.forumactif.com/t260270-installation-de-la-chatbox

Mais j'ai le problème que quand on est déconnecté, on a ce que'on a en image.

Auriez-vous une solution ?

Cordialement

[MD2]

Up c'est assez urgent

[MD2]

Personne n'a la solution ??

[MD2]

Up please

[MD2]

Up

[MD2]

UP

[MD2]

UP

[MD2]

277 personnes ont vu mais pas de réponses :/

[MD2]

Help please

[Seth J. Trevelyan]

Bonjour !

Pour enlever l'image de fond ici, vous pouvez essayer le code suivant dans votre CSS :

Code:

body.chatbox {
    background-image: none;
    background-color: #000000 !important;
}

Cette partie de la chatbox a en fait automatiquement le même fond de votre forum, sauf que lorsque vous êtes connecté la partie où l'on tape le message vient se placer par dessus, donc vous ne le voyez pas ! Le code que je vous ai donné "dit" de ne pas afficher l'image de fond à cet endroit, et de mettre une couleur donnée, plutôt. A vous de voir laquelle

[MD2]

Bonjour, je viens d'essayer mais le problème est toujours présentes malheuresement

[Seth J. Trevelyan]

Ah, oui ! Excusez-moi, je n'avais pas vu que vous étiez en PunBB. Malheureusement je suis loin d'être une experte de cette version de forum et même après avoir créé un forum test pour tester une chatbox en conditions réelles je n'ai pas réussi, désolée :<

Je laisse quand même une des pistes de réflexion que j'ai eu, si ça peut éventuellement aider la personne suivante >w<

Code:

#chatbox_bottom body{
    background-image: none !important;
    background-color: #000000 !important;
}

En fait il faudrait véritablement supprimer l'image de fond dans le "body" de l'iframe de la chatbox, mais je ne saurais pas le faire sous punbb

[MD2]

Après ça peut venir de mon css que j'ai mis,; je met le code ici :

Code:


* {
 margin: 0px;
 padding: 0px;
 }

body {/*fond de la page*/
  background-image:url("http://image.noelshack.com/fichiers/2016/28/1468509864-fondforum.png");
 background-size:100% auto;
  background-repeat:no-repeat;
}
.pun{background-color:#fff;
  padding-left:15px;
  padding-right:14px;}
/* Wrap .pun-------------------------------------------------------------*/
.pun {
 width: 880px;
 margin: 0 auto;
 /*padding: 5px;*/
min-width: 768px;
 line-height: 130%;
 }
.pun div, .pun td, .sig-line {
 border-color: ##dddddd;
 color: ##dddddd;
 }
.pun img, .pun fieldset {
 border: none;
 }
.pun a:link {
 color: #860D39;
        text-decoration: none;
 }
.pun a:visited {
 color: #860D39;
        text-decoration: none;
 }
.pun a:hover {
 color: #CD1257;
        text-decoration: none;
 }
.pun a:active {
 color: #860D39;
        text-decoration: none;
 }
.pun a:focus {
 color: #860D39;
        text-decoration: none;
 }
.pun h2, .pun h3, .pun th, .pun input, .pun select {
 font: normal 1em Verdana, Arial, sans-serif;
 }

/* Bannière du foru-------------------------------------------------------------*/
#pun-intro {
 margin: 0;
 padding: 1.5em 1em 1em 1em;
 border-bottom: 0px solid #296fa5;
 background-color: transparent;
 background-image: url('http://image.noelshack.com/fichiers/2016/28/1468598366-banniere2.png');
        background-position: center;
 text-align: left;
 background-repeat: no-repeat;
        height: 270px;
        margin-top: -5px;
        margin-left: -23px;
        width: 900px;
 }


/* barre de navigation -------------------------------------------------------------*/
#pun-head #pun-navlinks {
        margin-top: 0px;
 padding: 0.5em 1.1em 0.6em 1.1em;
 background-color: transparent;
 border-color: #dddddd;
 }

.main .main-head {
 background-image: url('http://i35.servimg.com/u/f35/19/39/57/01/barre_10.jpg');
        background-repeat: no-repeat;
  background-size:cover;
}


/* --------------------------------ChatBOX--------------------------------- */
#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
  background: #ffffff;
}
#chatbox_members {
  background: #FFFFFF;
}
#chatbox_footer {
  background: #FFFFFF;
}
#chatbox {
  background: #FFFFFF;
}
#chatbox_header, td.catBottom, #chatbox_header.main-head {
  background: #FFFFFF;
}
    #chatbox_header, td.catBottom, #chatbox_header.main-head {
      background-image: url('http://i35.servimg.com/u/f35/19/39/57/01/barre_10.jpg');
        background-repeat: no-repeat;
  background-size:cover;
    }

#chatbox_members .cb-avatar > img {
  height:30px;width:30px;
  vertical-align: middle;
}
ul.away-users, .online-users, .member-title, h4.member-title.online {
    font-size: 0px;
    display: flex;
}
span[style="color:none"] > .cb-avatar, span.user-msg > .cb-avatar {
    display: none !important;
}

#chatbox_members .cb-avatar > img {
  height:30px;width:30px;
  vertical-align: middle;
}
ul.away-users, .online-users, .member-title, h4.member-title.online {
    font-size: 0px;
    display: flex;
}

/* ------------------------------Avatar toolbar-------------------------- */
.fa_avatar {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
#fa_toolbar, #fa_toolbar_hidden {
  background-color: #00729C !important;
}
a#fa_hide {
  display: none!important;
}
div#fa_toolbar {
  box-shadow: 0 0 5px #000000;  /* Affiche une ombre */
}

[MD2]

Up

[MD2]

Up

[Walt]

Bonjour,

La version PunBB est la seule qui n'attribue pas de classe spécifique au body de la chatbox. Ce faisant, il est impossible de personnaliser le fond de la chatbox indépendamment du reste du forum.

Pour contourner ce problème, je vous invite à modifier le template overall_header et à remplacer la ligne suivante (ligne 205 dans le template par défaut) :

Code:

<body>

de cette manière :

Code:

<body class="forum_body">

Enregistrez et publiez le template modifié.

Ensuite, modifiez votre CSS personnalisé et remplacez ceci :

Code:

    body {
        /*fond de la page*/

par ceci :

Code:

    body.forum_body {
        /*fond de la page*/

Ainsi seul le fond du forum se verra doté de cette personnalisation.

Cordialement,

[MD2]

Bonjour, j'ai fait les modifications cependant ça n'a pas fonctionner, rien a changer.

Cordialement

[Walt]

Je ne vois plus le fond d'écran bleu sur votre chatbox. Avez-vous tenté de forcer l'actualisation (CTRL + F5) ?

[MD2]

Oui j'ai fais Ctrl-F5 et ça n'a pas changé, j'ai essayé aussi sur Mozilla et me met la même chose.

[Walt]

Vous avez également indiqué l'adresse de l'image comme fond du forum dans la gestion des images, d'après ce que je vois. Tentez de l'y remplacer par : https://2img.net/i/empty.gif

[MD2]

Je vous remercie, j'avais oublié que j'avais mis la même image ici, merci beaucoup ^^

Le sujet est donc résolu (j'édite le premier message)

[Walt]

Parfait, vous pourrez par la même occasion supprimer le compte que je venais de créer pour tester en tant qu'utilisateur normal.

Merci d'avance

Cordialement,