Ajuda - Inbox List Elegante

Eu quero adicionar esse Js/Css (https://bestskins.forumeiros.com/t4983p30-inbox-list-elegante#36836) ao meu fórum, porém não consigo configurar para que funcione no meu menu. Alguém pode me ajudar ?

JQuery escreveu:Olá,
Deve ser do seu template pois o código funciona perfeitamente na versão PunBB. Me forneça o seu overall_header para que possa tentar ver se o problema se localiza nele.

Até Mais...

Código:


<li><a class="list-group-item" id="inbox_link" href="/privmsg?folder=inbox"><i class="fa fa-envelope-o fa-fw"></i></a></li>


Código:

/*
* Código: Inbox List Elegante.
* Data de criação: 08/09/2014.
* Autor: Daemon.
* Versão: 1.0.
* Inspirado: IPS4 - IPB.
* Acesse: http://bestskins.forumeiros.com.
* Não distribuir, ou remover os créditos do autor.
*/
$(document).ready(function() {

//*Defina aqui abaixo a quantidade de mensagens que irão ser exibidas.*//
var qtd = 5;

$('body').append('<div id="bs_full_inbox"></div>');
var Inner = '<div class="bs_inbox_header">' +
              '<a href="/privmsg?mode=post" class="compose" target="_self">Nova Mensagem</a>' +
          '<h4 class="bs_inbox_sectionHead">Caixa de entrada</h4>' +
        '</div>' +
                  '<ol class="bs_inbox_inner">' +
                  '<img src="http://i.imgur.com/DYwSiJf.gif" style="margin: 5px auto;display: block" />' +
                  '</ol>' +
                  '<div class="bs_inbox_footer">' +
          '<a href="/privmsg?folder=inbox">Ir Para Mensagens</a>' +
        '</div>';
var oInbox = $('#bs_full_inbox');
oInbox.append(Inner);
$('a.list-group-item[href="/privmsg?folder=inbox"]').click(function(d) {
d.preventDefault();
if(oInbox.css('display') != 'none') {
  oInbox.fadeOut('450');
} else {
  oInbox.css({
        'left': $(this).offset().left + $(this).outerWidth() - $(this).outerWidth(),
        'top': $(this).offset().top + $(this).outerHeight()
      }).show();
if($('.bs_inbox_photo').length != -1) {
  $('.bs_inbox_inner').load('/privmsg?folder=inbox .tdtopics:lt('+qtd+')', function() {
      $(this).html(
          $(this).html()
          .replace(/\<\/td\>/g, '</span></div></li>')
          .replace(/\<td class="tcl tdtopics"\>/g, '<li class="bs_inbox_li clearfix"><div class="bs_user_p left"><img class="bs_inbox_photo" alt="photo" src="http://i.imgur.com/n4qY3fc.png" /></div><div class="bs_inbox_item">')
          ).find('span.status').remove();
    $('.bs_inbox_li').each(function(index) {
            var user = $(this).find('a[href^="/u"]');
                if(user.length) {
                user = user.attr('href');
                var oImg = $(this).find('.bs_inbox_photo');
                var userImage = sessionStorage.getItem(user);
                  if(userImage) {
                    $(this).find('img').attr('src', userImage);
                  } else {
                    $.get(user, function(data){
                    var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
                    oImg.attr('src', image);
                    sessionStorage.setItem(user, image);
                    });
                  }
                }
    });
  });
}
}
});
});

Código:

/*
* Código: Inbox List Elegante.
* Data de criação: 08/09/2014.
* Autor: Daemon.
* Versão: 1.0.
* Inspirado: IPS4 - IPB.
* Acesse: http://bestskins.forumeiros.com.
* Não distribuir, ou remover os créditos do autor.
*/
$(document).ready(function() {

//*Defina aqui abaixo a quantidade de mensagens que irão ser exibidas.*//
var qtd = 5;

$('body').append('<div id="bs_full_inbox"></div>');
var Inner = '<div class="bs_inbox_header">' +
              '<a href="/privmsg?mode=post" class="compose" target="_self">Nova Mensagem</a>' +
          '<h4 class="bs_inbox_sectionHead">Caixa de entrada</h4>' +
        '</div>' +
                  '<ol class="bs_inbox_inner">' +
                  '<img src="http://i.imgur.com/DYwSiJf.gif" style="margin: 5px auto;display: block" />' +
                  '</ol>' +
                  '<div class="bs_inbox_footer">' +
          '<a href="/privmsg?folder=inbox">Ir Para Mensagens</a>' +
        '</div>';
var oInbox = $('#bs_full_inbox');
oInbox.append(Inner);
$('a.list-group-item[href="/privmsg?folder=inbox"]').click(function(d) {
d.preventDefault();
if(oInbox.css('display') != 'none') {
  oInbox.fadeOut('450');
} else {
  oInbox.css({
        'left': $(this).offset().left - oInbox.outerWidth(),
        'top': $(this).offset().top + $(this).outerHeight()
      }).show();
if($('.bs_inbox_photo').length != -1) {
  $('.bs_inbox_inner').load('/privmsg?folder=inbox .tdtopics:lt('+qtd+')', function() {
      $(this).html(
          $(this).html()
          .replace(/\<\/td\>/g, '</span></div></li>')
          .replace(/\<td class="tcl tdtopics"\>/g, '<li class="bs_inbox_li clearfix"><div class="bs_user_p left"><img class="bs_inbox_photo" alt="photo" src="http://i.imgur.com/n4qY3fc.png" /></div><div class="bs_inbox_item">')
          ).find('span.status').remove();
    $('.bs_inbox_li').each(function(index) {
            var user = $(this).find('a[href^="/u"]');
                if(user.length) {
                user = user.attr('href');
                var oImg = $(this).find('.bs_inbox_photo');
                var userImage = sessionStorage.getItem(user);
                  if(userImage) {
                    $(this).find('img').attr('src', userImage);
                  } else {
                    $.get(user, function(data){
                    var image = $('#profile-advanced-right .main-content img:first', data).attr('src');
                    oImg.attr('src', image);
                    sessionStorage.setItem(user, image);
                    });
                  }
                }
    });
  });
}
}
});
});

Código:

#bs_full_inbox