Bouton "se connecter" de la chatbox qui a disparu

[ZzeusS]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis que j'ai recommencé à reprendre mon forum
Lien du forum : http://hellenia.forums-rpg.com/

Description du problème

Bonjour,

Comme montré sur la photo le bouton se connecter de la chatbox a disparu. Il faut donc cliquer sur le titre de la chatbox pour avoir la fenêtre en grand et là il y est... SI vous pouviez m'aider ça serait super. Merci d'avance

[Miettes]

Coucou

Tu as modifié le titre de la CB par CSS ? Tu pourrais nous envoyer ton code du coup ? il doit y avoir un problème de positionnement

[ZzeusS]

Bonjour et merci de ta réponse.

J'avais trouvé sur internet quelques codages sympas, que voici :

Code:

/* Chatbox */
#chatbox_members .member-title {
    text-align: center;
    padding: 0.5em 0.25em;
    background-image: none;
    font-size: 12px;
    background-color: transparent;
    color: #70675a;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#chatbox_members ul {
    list-style: none;
    margin: 0 0 0 10px;
  font-family:arial;
  font-size:14px;
}
#chatbox_header .catBottom .cattitle {
    color: black;
}
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: black;
  font-family: Arial;
}
#chatbox_header .cattitle:before { content: " Chatbox Hellenia";}
#chatbox_header .cattitle strong { visibility: hidden; }
.inputURL {
   font-size:100px;
   font-family:"Arial";
   letter-spacing:-1px;
   }
.chatbox .msg span[style="color:green;"]{
visibility: hidden;
position: absolute;
}
.chatbox .msg span[style="color:green;"]:before{
visibility: visible;
content: "aimes les bananes";
font-weight: bold;
color: green;
}
#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  font-size: 0.8em; line-height:0.8em; color: #8BC34A;
  box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
  margin:1.5% auto; padding:1%; white-space: pre;
  content: "Oh, un membre vient de se connecter à la chatbox !";
}
td.catBottom, td.catLeft, td.catRight, td.catHead, ttd.catRight, td.row3Right, td.catSides, td.spaceRow, th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thBottom, th.thTop {
  border: 0 !important;}

Cependant, même en enlevant ça du CSS, le problème persiste.

[Miettes]

Alors, j'ai copié la CSS et je n'ai pas de souci. Avant qu'on creuse encore plus, peux-tu essayer de changer la couleur de tes liens (s'ils sont gris, peut etre que le connexion est juste "caché" ). Sinon, on regardera du coté du js (et je devrais peut etre me créer un compte sur ton forum pour voir les erreurs liés à la chatbox )

[ZzeusS]

Salut, et désolé de la réponse tardive (le taf... )

Voici le lien de mon forum pour que tu voies les dysfonctionnement : http://hellenia.forums-rpg.com/

Et quand je mets la chatbox en plein écran j'ai ça : https://i.servimg.com/u/f62/19/49/12/39/hel11.jpg

Concernant le js, j'en ai 3 qui concernent la chatbox, que voici :

Code:

$(window).load(function() {
  var chatbox_script = function() {
    $('#chatbox_option_co').click(function(){
      $('#chatbox').addClass('recently-connected');
      setTimeout(function(){ $('#chatbox').removeClass('recently-connected') }, 5000)
    })
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

Code:

window.localStorage && $(window).load(function() {
  var chatbox_script = function() {
    var t_icon = window.top.$.find('link[rel="shortcut icon"]')[0];
    var t_doc = window.top.document;
    var title = t_doc.title;
    var icon = t_icon.getAttribute('href');
 
    var rep_title = 'Message chatbox'+title;
    var rep_icon = 'http://illiweb.com/fa/fdf/al.ico';
 
    $(window).on("focus", function(){ localStorage.cb_blurred='' }).on("blur", function(){ localStorage.cb_blurred=1; });
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      if (data.messages && data.messages.length) {
        var lm = data.messages.slice(-1)[0];
        var last_message = lm.time+','+lm.action+','+lm.msg;
        if(this.last_message != last_message) {
          var user = $.grep(data.users, function(v){return v.id==chatbox.userId});
          user = user.length ? user[0] : [{}];
          if(this.last_message!==undefined) {
            if(lm.userId!=chatbox.userId && user.username!=lm.username) {
              if(localStorage.cb_blurred) (function(){
                var blink = function(){
                  if(title == t_doc.title) {
                    if(!localStorage.cb_blurred) return;
                    var new_title = rep_title;
                    var new_icon = rep_icon;
                  } else {
                    var new_title = title;
                    var new_icon = icon;
                  }
                  t_doc.title = new_title;
                  var new_t_icon = t_icon.cloneNode(true);
                  new_t_icon.setAttribute('href', new_icon);
                  var t_icon_parent = t_icon.parentNode;
                  t_icon_parent.removeChild(t_icon);
                  t_icon_parent.appendChild(new_t_icon);
                  t_icon = new_t_icon;
                  setTimeout(blink, 500);
                };
                blink();
              })();
            } else {
              localStorage.cb_blurred='';
            }
          }
          this.last_message = lm;
        }
      }
      overrided.call(this, data);
    };
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

Code:

$(window).load(function() {
  var chatbox_script = function() {
    $('#chatbox > p > .msg > span').filter('[style="color:green"],[style="color:red"]').closest('p').remove();
    var overrided = Chatbox.prototype.refresh;
    Chatbox.prototype.refresh = function(data) {
      if (data.messages && data.messages.length) {
        data.messages = $.grep(data.messages, function(v) {
          return v.userId != -10 || $.inArray(v.msgColor, ["red", "green"]) == -1;
        });
      }
      overrided.call(this, data);
    };
  };
  var s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});

Merci d'avance !

[ZzeusS]

Ah, j'ai réussi à résoudre le problème finalement.

La largeur de la chatbox était en fait réglé sur 1200px, car c'est la largeur de mon body. Du coup j'ai juste eu à mettre la largeur du body.chatbox à 100% et les problèmes étaient résolus !

Merci quand même.