Código:

Código:

// Cambiar @ por una imagen en el chatbox
$(window).load(function() {
   
   console.log("HI!");

//Cambiar el color de todos los mensajes. Llamado al conectarse al chat.
   var lirChangeAll = function (){
    console.log("Hello, I'm inside lirChangeAll");
      $("#chatbox .user-msg").each(function()
      {
         var lirColor = $(this).find(".msg span").attr("style");

         if(lirColor !== "color:none")
            $(this).find(".cb-avatar").attr("style", "border-"+lirColor+" !important;");
         else
            $(this).find(".cb-avatar").attr("style", "border-color: #03b2ed !important;");
      });
   }

//Cambiar el color del último mensaje. Llamado al refrescarse el chat.
   var lirChangeLast = function() {
       console.log("Hello, i'm inside lirChangeLast");
      var lirLast = $('#chatbox .user-msg').last();
      var lirColor = lirLast.find(".msg span").attr("style");

      if (lirColor ==! "color:none")
         lirLast.find(".cb-avatar").attr("style", "border-"+lirColor+" !important;");
      else
         lirLast.find(".cb-avatar").attr("style", "border-color: #03b2ed !important;");
   }


var chatbox_script = function() {
      var overrided = Chatbox.prototype.refresh;
      Chatbox.prototype.refresh = function(data) {
         overrided.call(this, data);
         lirChangeLast();
         console.log("Chat Refreshed!");
         /*$('.chatbox-username').each(function() {

            this.previousSibling && $.trim(this.previousSibling.nodeValue) == "@" && $(this.previousSibling).replaceWith('<img src = "http://i.imgur.com/zICIAne.png" / > ')
         })*/
      };

      var overrun = Chatbox.prototype.connect;
      Chatbox.prototype.connect = function() {
         overrun.call(this);
         console.log("Chat Connected!");
         lirChangeAll();
      }
   };

   var s = document.createElement('script');
   s.text = "(" + chatbox_script.toString() + ")();";
   $('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function() {
      try {
         $("#chatbox html").find("head").each(function() {
            this.appendChild(s.cloneNode(true))
         })
      } catch (a) {
         console.log("Could not append child: "+ s);
      }
   })
});


Código:

#chatbox .cb-avatar {
   box-shadow: 0 2px 2px rgba(0,0,0,0.1);
   float: left;
   margin-right: 4px;
   padding: 2px;
   vertical-align: middle;
   width: 35px;
   height: 35px;
   border: 2px solid #d5d5d5 !important;
   border-radius: 50%;
   overflow: hidden;
}

#chatbox .cb-avatar > img {
   height: 100%;
   width: 100%;
}

Pampi escribió:Hace ya rato que este y otros posts los cuales han recibido una buena aprobación y supuestamente ya estarían para implementar, han muerto de una manera extraña.
¿No podrían implementarlos ya?