Bouton "se connecter" de la chatbox qui a disparu

2 participants

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

Résolu Bouton "se connecter" de la chatbox qui a disparu

Message par ZzeusS Mar 16 Jan 2018 - 15:22

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

ZzeusS
Nouveau membre

Messages : 5
Inscrit(e) le : 16/01/2018

http://hellenia.forumotion.com/
ZzeusS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "se connecter" de la chatbox qui a disparu

Message par Miettes Mer 17 Jan 2018 - 14:23

Coucou Smile

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

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "se connecter" de la chatbox qui a disparu

Message par ZzeusS Mer 17 Jan 2018 - 14:36

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

ZzeusS
Nouveau membre

Messages : 5
Inscrit(e) le : 16/01/2018

http://hellenia.forumotion.com/
ZzeusS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "se connecter" de la chatbox qui a disparu

Message par Miettes Mer 17 Jan 2018 - 14:41

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é" Embarassed). Sinon, on regardera du coté du js Smile (et je devrais peut etre me créer un compte sur ton forum pour voir les erreurs liés à la chatbox Embarassed)
Miettes

Miettes
*****

Féminin
Messages : 590
Inscrit(e) le : 01/09/2008

http://tambouille-raleuses.forumactif.com/
Miettes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "se connecter" de la chatbox qui a disparu

Message par ZzeusS Sam 20 Jan 2018 - 13:56

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

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

ZzeusS
Nouveau membre

Messages : 5
Inscrit(e) le : 16/01/2018

http://hellenia.forumotion.com/
ZzeusS a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "se connecter" de la chatbox qui a disparu

Message par ZzeusS Lun 22 Jan 2018 - 19:17

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

ZzeusS
Nouveau membre

Messages : 5
Inscrit(e) le : 16/01/2018

http://hellenia.forumotion.com/
ZzeusS a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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