Detalhes da questão

Endereço do fórum: http://policia-militar-sf.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição

olá eu gostaria de deixar o meu menu MP igual a esse da imagem abaixo é possivel ?

Olá ranzatti,

-Veja esse Tutorial

-Para ativar mensagem de boas vindas dê uma olhada nesse FAQ

Ketholy123 escreveu:Olá ranzatti,

-Veja esse Tutorial

-Para ativar mensagem de boas vindas dê uma olhada nesse FAQ

vc pode ver que é diferente da imagem etc!

Veja aqui:
-> https://ajuda.forumeiros.com/t110287-#775957

Luiz escreveu:Veja aqui:
-> https://ajuda.forumeiros.com/t110287-#775957

Esse codigo é JS? e funciona na versão do meu fórum ?

Sim. É para a versão de seu fórum.
E... Se eu o apontei, é por que funciona para sua versão — exceto se tiver o seletor modificado, mas penso que não é o caso.

o/

funcionou luiz mais teria como colocar outra cor no fundo ?

ranzatti escreveu:funcionou luiz mais teria como colocar outra cor no fundo ?

Sim tem! Informe a cor que o senhor deseja.

Ketholy123 escreveu:

ranzatti escreveu:funcionou luiz mais teria como colocar outra cor no fundo ?

Sim tem! Informe a cor que o senhor deseja.

Então eu ainda nao sei queria indo testando e ver qual cor fica legal com o meu fórum tem como me mostrar no codigo aonde eu modifico ? e tem como tmb mudar a cor do botão de nova mensagem!

Orientações:

Código:

// Todo CSS[size=16][/size]
$('head').append([size=16][/size]
'<style type="text/css">' +[size=16][/size]
'  #bs_full_inbox {' +[size=16][/size]
'  font-size: 13px;' +[size=16][/size]
'  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;' +[size=16][/size]
'  line-height: 18px;' +[size=16][/size]
'  margin-top: 15px;' +[size=16][/size]
'  display: none;' +[size=16][/size]
'  width: 450px;' +[size=16][/size]
'  background: #333333;' +[size=16][/size]
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +[size=16][/size]
'  border-radius: 3px;' +[size=16][/size]
'  z-index: 200;' +[size=16][/size]
'  position: absolute;' +[size=16][/size]
'  }' +

>Nessa parte #333333 do código você irá modificar a cor de fundo.

Código:

[size=16].bs_inbox_header {' +[/size][size=16][/size]
[size=16]'  background: #333333;' +[/size][size=16][/size]
[size=16]'  border-bottom: 1px solid #252525;' +[/size][size=16][/size]
[size=16]'  box-shadow: 0px 1px 6px rgba(0,0,0,0.07);' +[/size][size=16][/size]
[size=16]'  border-radius: 3px 3px 0px 0px;' +[/size][size=16][/size]
[size=16]'  padding: 10px;' +[/size][size=16][/size]
[size=16]'  line-height: 24px;' +[/size][size=16][/size]
[size=16]'  }' +[/size]


>Nessa outra parte #333333 irá modificar a cor de fundo do nome caixa de entrada 

Código:

#bs_full_inbox a {' +[size=16][/size]
'  color: #fff;' +[size=16][/size]
'  text-decoration: none;' +[size=16][/size]
'  }' +

>Nessa parte #fff irá modificar cor da letra de fundo e do nome ir para mensagens 

 

Código:

.bs_inbox_item {color: #9c9c9c;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #333333;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #252525;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +

>Nessa parte #333333 irá modificar a cor de fundo do nome ir para mensagens 

Obs: Faça as modificações e poste se está tudo ok.

Nossa muito complexo pra mim kkk sou meio burrinho pra achar kkk desculpa incomodar tem como vc colocar o plano de fundo branco e o fundo do botão nova mensagem azul ?

ranzatti escreveu:Nossa muito complexo pra mim kkk sou meio burrinho pra achar kkk desculpa incomodar tem como vc colocar o plano de fundo branco e o fundo do botão nova mensagem azul ?

Dê uma olhada e veja está ao seu gosto:

Código:

/***
* Código: Inbox List Elegante
* Data de criação: 08/09/2014
* Atualização: 16/08/2015
* Autor: Daemon
* Versão: 1.3
* Inspirado: IPS4 - IPB
* Acesse: http://bestskins.net
***/
$(document).ready(function() {
 
// Defina aqui abaixo a quantidade de mensagens que irão ser exibidas
var jQtd = 5;

// Todo CSS
$('head').append(
'<style type="text/css">' +
'  #bs_full_inbox {' +
'  font-size: 13px;' +
'  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;' +
'  line-height: 18px;' +
'  margin-top: 15px;' +
'  display: none;' +
'  width: 450px;' +
'  background: #FFFFFF;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #000000;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #2b9ae5;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #333;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  right: 5px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #FFFFFF;' +
'  border-bottom: 1px solid #252525;' +
'  box-shadow: 0px 1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 3px 3px 0px 0px;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  }' +
'  .bs_inbox_header .compose {' +
'  font-size: 12px;' +
'  line-height: 28px;' +
'  padding: 0 15px;' +
'  float: right;' +
'  background: #151e21;' +
'  color: #000000!important;' +
'  font-weight: 500;' +
'  text-align: center;' +
'  text-decoration: none;' +
'  text-shadow: none;' +
'  white-space: nowrap;' +
'  display: inline-block;' +
'  vertical-align: middle;' +
'  border-radius: 3px;' +
'  border: 1px solid rgba(0,0,0,0.1);' +
'  -webkit-transition: 0.1s all linear;' +
'  -moz-transition: 0.1s all linear;' +
'  -ms-transition: 0.1s all linear;' +
'  -o-transition: 0.1s all linear;' +
'  transition: 0.1s all linear;' +
'  -webkit-user-select: none;' +
'  -moz-user-select: none;' +
'  -ms-user-select: none;' +
'  -o-user-select: none;' +
'  user-select: none;' +
'  -webkit-font-smoothing: antialiased;' +
'  }' +
'  .bs_inbox_header .compose:hover {' +
'  background-image: url(http://i.imgur.com/eaB5FHK.png);' +
'  background-repeat: repeat;' +
'  }' +
'  .bs_inbox_sectionHead {' +
'  font-size: 18px;' +
'  color: #000000;' +
'  line-height: 24px;' +
'  font-weight: 400;' +
'  display: inline-block;' +
'  margin: 0;' +
'  }' +
'  .bs_inbox_inner {' +
'  width: 100%;' +
'  display: table;' +
'  table-layout: auto;' +
'  position: relative;' +
'  border-collapse: separate;' +
'  border-spacing: 0;' +
'  list-style: none;' +
'  padding: 0;' +
'  margin: 0;' +
'  }' +
'  .bs_inbox_li {' +
'  width: 100%;' +
'  position: relative;' +
'  padding: 5px 3px;' +
'  border-width: 0 0 1px 0;' +
'  border-style: solid;' +
'  border-color: #444;' +
'  box-sizing: border-box;' +
'  }' +
'  .bs_inbox_li:last-child {border-bottom: 0;}' +
'  .bs_inbox_li strong {font-weight: normal !important;}' +
'  .bs_inbox_item, .bs_user_p {' +
'  display: table-cell;' +
'  padding: 8px 10px;' +
'  }' +
'  .bs_inbox_item {color: #6E6D6C;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #FFFFFF;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #252525;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  box-shadow: 0px 0px 1px 1px rgba(35, 35, 35, 0.5);' +
'  padding: 0.5px;' +
'  vertical-align: middle;' +
'  line-height: 1px;' +
'  position: relative;' +
'  border-radius: 150px;' +
'  width: 34px;' +
'  height: 34px;' +
'  }' +
'</style>'
);

// Adicionando elemento ao corpo do fórum
$('body').append('<div id="bs_full_inbox"></div>');
var jInner = '<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="https://webapp.dot.state.wy.us/i/ws/ajax-loader.gif" style="margin: 5px auto;display: block;" />' +
            '</ol>' +
            '<div class="bs_inbox_footer">' +
            '  <a href="/privmsg?folder=inbox">Ir Para Mensagens</a>' +
            '</div>';
var jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

$('a[href="/privmsg?folder=inbox"]').on('click', function (event) {
  event.preventDefault();

  // Verificando se o elemento é visível
  if(jInbox.css('display') != 'none') {
    jInbox.fadeOut('450');
  } else {
    jInbox.css({
          'right': $(window).width() - ($(this).offset().left + $(this).outerWidth()),
          'top': $(this).offset().top + $(this).outerHeight()
    }).show();
    
    // Carregar conteúdo
    if(!$('.bs_inbox_photo').length) {
        $('.bs_inbox_inner').load('/privmsg?folder=inbox&change_version=punbb .tdtopics:lt(' + jQtd + ')', 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();
            $(this).find('a').each(function() {
                var jHref = $(this).attr('href');
                jHref = jHref.split(/(&change|\?change)/g)[0]; 
                $(this).attr('href', jHref);
            });
            $('.bs_inbox_li').each(function() {
              var jUser = $(this).find('a[href^="/u"]').attr('href');
              var jImg = $(this).find('.bs_inbox_photo');
              var jUserImage = sessionStorage.getItem(jUser);
              if(jUserImage) {
                jImg.attr('src', jUserImage);
              } else {
                $.get(jUser + '?change_version=punbb', function(data) {
                  var jFindImage = $('#profile-advanced-right .main-content img:first', data).attr('src');
                  jImg.attr('src', jFindImage);
                  sessionStorage.setItem(jUser, jFindImage);
                });
              }
            });
        });
    }
  }
});
});

Quase o fundo do botão vc deixa na cor azul e as letras do botão pode deixar branca tmb

ranzatti escreveu:Quase o fundo do botão vc deixa na cor azul e as letras do botão pode deixar branca tmb

Bom dia ranzatti

Retire o código que passe e adicione esse:

Código:

/***
* Código: Inbox List Elegante
* Data de criação: 08/09/2014
* Atualização: 16/08/2015
* Autor: Daemon
* Versão: 1.3
* Inspirado: IPS4 - IPB
* Acesse: http://bestskins.net
***/
$(document).ready(function() {
 
// Defina aqui abaixo a quantidade de mensagens que irão ser exibidas
var jQtd = 5;

// Todo CSS
$('head').append(
'<style type="text/css">' +
'  #bs_full_inbox {' +
'  font-size: 13px;' +
'  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;' +
'  line-height: 18px;' +
'  margin-top: 15px;' +
'  display: none;' +
'  width: 450px;' +
'  background: #FFFFFF;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #000000;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #2b9ae5;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #0569FF;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  right: 5px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #FFFFFF;' +
'  border-bottom: 1px solid #00A3FA;' +
'  box-shadow: 0px 1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 3px 3px 0px 0px;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  }' +
'  .bs_inbox_header .compose {' +
'  font-size: 12px;' +
'  line-height: 28px;' +
'  padding: 0 15px;' +
'  float: right;' +
'  background: #00B2ED;' +
'  color: #000000!important;' +
'  font-weight: 500;' +
'  text-align: center;' +
'  text-decoration: none;' +
'  text-shadow: none;' +
'  white-space: nowrap;' +
'  display: inline-block;' +
'  vertical-align: middle;' +
'  border-radius: 3px;' +
'  border: 1px solid rgba(0,0,0,0.1);' +
'  -webkit-transition: 0.1s all linear;' +
'  -moz-transition: 0.1s all linear;' +
'  -ms-transition: 0.1s all linear;' +
'  -o-transition: 0.1s all linear;' +
'  transition: 0.1s all linear;' +
'  -webkit-user-select: none;' +
'  -moz-user-select: none;' +
'  -ms-user-select: none;' +
'  -o-user-select: none;' +
'  user-select: none;' +
'  -webkit-font-smoothing: antialiased;' +
'  }' +
'  .bs_inbox_header .compose:hover {' +
'  background-image: url(http://i.imgur.com/eaB5FHK.png);' +
'  background-repeat: repeat;' +
'  }' +
'  .bs_inbox_sectionHead {' +
'  font-size: 18px;' +
'  color: #000000;' +
'  line-height: 24px;' +
'  font-weight: 400;' +
'  display: inline-block;' +
'  margin: 0;' +
'  }' +
'  .bs_inbox_inner {' +
'  width: 100%;' +
'  display: table;' +
'  table-layout: auto;' +
'  position: relative;' +
'  border-collapse: separate;' +
'  border-spacing: 0;' +
'  list-style: none;' +
'  padding: 0;' +
'  margin: 0;' +
'  }' +
'  .bs_inbox_li {' +
'  width: 100%;' +
'  position: relative;' +
'  padding: 5px 3px;' +
'  border-width: 0 0 1px 0;' +
'  border-style: solid;' +
'  border-color: #444;' +
'  box-sizing: border-box;' +
'  }' +
'  .bs_inbox_li:last-child {border-bottom: 0;}' +
'  .bs_inbox_li strong {font-weight: normal !important;}' +
'  .bs_inbox_item, .bs_user_p {' +
'  display: table-cell;' +
'  padding: 8px 10px;' +
'  }' +
'  .bs_inbox_item {color: #615F5E;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #FFFFFF;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #03ADEB;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  box-shadow: 0px 0px 1px 1px rgba(35, 35, 35, 0.5);' +
'  padding: 0.5px;' +
'  vertical-align: middle;' +
'  line-height: 1px;' +
'  position: relative;' +
'  border-radius: 150px;' +
'  width: 34px;' +
'  height: 34px;' +
'  }' +
'</style>'
);

// Adicionando elemento ao corpo do fórum
$('body').append('<div id="bs_full_inbox"></div>');
var jInner = '<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="https://webapp.dot.state.wy.us/i/ws/ajax-loader.gif" style="margin: 5px auto;display: block;" />' +
            '</ol>' +
            '<div class="bs_inbox_footer">' +
            '  <a href="/privmsg?folder=inbox">Ir Para Mensagens</a>' +
            '</div>';
var jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

$('a[href="/privmsg?folder=inbox"]').on('click', function (event) {
  event.preventDefault();

  // Verificando se o elemento é visível
  if(jInbox.css('display') != 'none') {
    jInbox.fadeOut('450');
  } else {
    jInbox.css({
          'right': $(window).width() - ($(this).offset().left + $(this).outerWidth()),
          'top': $(this).offset().top + $(this).outerHeight()
    }).show();
    
    // Carregar conteúdo
    if(!$('.bs_inbox_photo').length) {
        $('.bs_inbox_inner').load('/privmsg?folder=inbox&change_version=punbb .tdtopics:lt(' + jQtd + ')', 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();
            $(this).find('a').each(function() {
                var jHref = $(this).attr('href');
                jHref = jHref.split(/(&change|\?change)/g)[0]; 
                $(this).attr('href', jHref);
            });
            $('.bs_inbox_li').each(function() {
              var jUser = $(this).find('a[href^="/u"]').attr('href');
              var jImg = $(this).find('.bs_inbox_photo');
              var jUserImage = sessionStorage.getItem(jUser);
              if(jUserImage) {
                jImg.attr('src', jUserImage);
              } else {
                $.get(jUser + '?change_version=punbb', function(data) {
                  var jFindImage = $('#profile-advanced-right .main-content img:first', data).attr('src');
                  jImg.attr('src', jFindImage);
                  sessionStorage.setItem(jUser, jFindImage);
                });
              }
            });
        });
    }
  }
});
});

Ketholy123 eu queria a cor do botão azul escuro e a cor da letra branco e quando passo o mouse fica cor preto!

Troque por este:

Código:

/***
* Código: Inbox List Elegante
* Data de criação: 08/09/2014
* Atualização: 16/08/2015
* Autor: Daemon
* Versão: 1.3
* Inspirado: IPS4 - IPB
* Acesse: http://bestskins.net
***/
$(document).ready(function() {
 
// Defina aqui abaixo a quantidade de mensagens que irão ser exibidas
var jQtd = 5;

// Todo CSS
$('head').append(
'<style type="text/css">' +
'  #bs_full_inbox {' +
'  font-size: 13px;' +
'  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;' +
'  line-height: 18px;' +
'  margin-top: 15px;' +
'  display: none;' +
'  width: 450px;' +
'  background: #FFFFFF;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #000000;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #2b9ae5;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #0569FF;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  right: 5px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #FFFFFF;' +
'  border-bottom: 1px solid #00A3FA;' +
'  box-shadow: 0px 1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 3px 3px 0px 0px;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  }' +
'  .bs_inbox_header .compose {' +
'  font-size: 12px;' +
'  line-height: 28px;' +
'  padding: 0 15px;' +
'  float: right;' +
'  background: #00B2ED;' +
'  color: #000000!important;' +
'  font-weight: 500;' +
'  text-align: center;' +
'  text-decoration: none;' +
'  text-shadow: none;' +
'  white-space: nowrap;' +
'  display: inline-block;' +
'  vertical-align: middle;' +
'  border-radius: 3px;' +
'  border: 1px solid rgba(0,0,0,0.1);' +
'  -webkit-transition: 0.1s all linear;' +
'  -moz-transition: 0.1s all linear;' +
'  -ms-transition: 0.1s all linear;' +
'  -o-transition: 0.1s all linear;' +
'  transition: 0.1s all linear;' +
'  -webkit-user-select: none;' +
'  -moz-user-select: none;' +
'  -ms-user-select: none;' +
'  -o-user-select: none;' +
'  user-select: none;' +
'  -webkit-font-smoothing: antialiased;' +
'  }' +
'  .bs_inbox_header .compose:hover {' +
'  background-image: url(http://i.imgur.com/eaB5FHK.png);' +
'  background-repeat: repeat;' +
'  }' +
'  .bs_inbox_sectionHead {' +
'  font-size: 18px;' +
'  color: #000000;' +
'  line-height: 24px;' +
'  font-weight: 400;' +
'  display: inline-block;' +
'  margin: 0;' +
'  }' +
'  .bs_inbox_inner {' +
'  width: 100%;' +
'  display: table;' +
'  table-layout: auto;' +
'  position: relative;' +
'  border-collapse: separate;' +
'  border-spacing: 0;' +
'  list-style: none;' +
'  padding: 0;' +
'  margin: 0;' +
'  }' +
'  .bs_inbox_li {' +
'  width: 100%;' +
'  position: relative;' +
'  padding: 5px 3px;' +
'  border-width: 0 0 1px 0;' +
'  border-style: solid;' +
'  border-color: #444;' +
'  box-sizing: border-box;' +
'  }' +
'  .bs_inbox_li:last-child {border-bottom: 0;}' +
'  .bs_inbox_li strong {font-weight: normal !important;}' +
'  .bs_inbox_item, .bs_user_p {' +
'  display: table-cell;' +
'  padding: 8px 10px;' +
'  }' +
'  .bs_inbox_item {color: #615F5E;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #FFFFFF;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #03ADEB;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  box-shadow: 0px 0px 1px 1px rgba(35, 35, 35, 0.5);' +
'  padding: 0.5px;' +
'  vertical-align: middle;' +
'  line-height: 1px;' +
'  position: relative;' +
'  border-radius: 150px;' +
'  width: 34px;' +
'  height: 34px;' +
'  }.bs_inbox_header .compose { background-color: #0056b3; color: #fff !important; }' +
'</style>'
);

// Adicionando elemento ao corpo do fórum
$('body').append('<div id="bs_full_inbox"></div>');
var jInner = '<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="https://webapp.dot.state.wy.us/i/ws/ajax-loader.gif" style="margin: 5px auto;display: block;" />' +
            '</ol>' +
            '<div class="bs_inbox_footer">' +
            '  <a href="/privmsg?folder=inbox">Ir Para Mensagens</a>' +
            '</div>';
var jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

$('a[href="/privmsg?folder=inbox"]').on('click', function (event) {
  event.preventDefault();

  // Verificando se o elemento é visível
  if(jInbox.css('display') != 'none') {
    jInbox.fadeOut('450');
  } else {
    jInbox.css({
          'right': $(window).width() - ($(this).offset().left + $(this).outerWidth()),
          'top': $(this).offset().top + $(this).outerHeight()
    }).show();
   
    // Carregar conteúdo
    if(!$('.bs_inbox_photo').length) {
        $('.bs_inbox_inner').load('/privmsg?folder=inbox&change_version=punbb .tdtopics:lt(' + jQtd + ')', 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();
            $(this).find('a').each(function() {
                var jHref = $(this).attr('href');
                jHref = jHref.split(/(&change|\?change)/g)[0];
                $(this).attr('href', jHref);
            });
            $('.bs_inbox_li').each(function() {
              var jUser = $(this).find('a[href^="/u"]').attr('href');
              var jImg = $(this).find('.bs_inbox_photo');
              var jUserImage = sessionStorage.getItem(jUser);
              if(jUserImage) {
                jImg.attr('src', jUserImage);
              } else {
                $.get(jUser + '?change_version=punbb', function(data) {
                  var jFindImage = $('#profile-advanced-right .main-content img:first', data).attr('src');
                  jImg.attr('src', jFindImage);
                  sessionStorage.setItem(jUser, jFindImage);
                });
              }
            });
        });
    }
  }
});
});

Opa obrigado Luiz e Ketholy123 pode fechar!