Avatar na lista suspensa de mensagens privadas

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Qua 5 Abr 2017 - 20:44

Detalhes da questão


Endereço do fórum: http://vgnfamily.forumais.com/
Versão do fórum: PunBB

Descrição


Olá,

O Avatar das "mensagens privadas", não está aparecendo quando você recebe mensagem.
Esse código tenho ele faz muito tempo não lembro mais se isso é css, ou javascript.
Lista - Avatar na lista suspensa de mensagens privadas ZlRILTJ


Última edição por YouTube3 em Seg 17 Abr 2017 - 13:11, editado 1 vez(es)
YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Sex 7 Abr 2017 - 21:13

YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por iScroll Sex 7 Abr 2017 - 21:15

Pena que não posso te xingar aqui, Leo kkkkkkkkk
Toma o código ai, tenta por ele de novo, é o que eu uso no BPU.

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: #fff;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #666;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #000;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #fff;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  right: 5px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  border-bottom: 1px solid #e0e0e0;' +
'  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: #262e33;' +
'  color: #ffffff !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: #333333;' +
'  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: #f5f5f5;' +
'  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: #9c9c9c;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #e0e0e0;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  background: #fff;' +
'  border: 1px solid #fff;' +
'  box-shadow: 0px 0px 0px 1px #e2e2e2;' +
'  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="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 jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

$('#inbox_link').click(function(d) {
  d.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);
                });
              }
            });
        });
    }
  }
});
});


Última edição por Luiz~ em Sex 7 Abr 2017 - 21:41, editado 1 vez(es) (Motivo da edição : Adicionar o ícone em curso. ._.')
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por Luiz Sex 7 Abr 2017 - 21:43

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Luiz

Luiz
Membro Entusiasta

Membro desde : 22/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Sex 7 Abr 2017 - 22:17

Capaz kkk Peguei o código, deste tutorial: https://ajuda.forumeiros.com/t100926-addon
Botei o seu e saiu o efeito.
YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por iScroll Sáb 8 Abr 2017 - 13:06

YouTube3 escreveu:Capaz kkk Peguei o código, deste tutorial: https://ajuda.forumeiros.com/t100926-addon
Botei o seu e saiu o efeito.

Deu errado então ?
Se sim, tente 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: #fff;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #255b79;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #cd3816;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #fff;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  left: 15px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  border-bottom: 1px solid #e0e0e0;' +
'  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: #262e33;' +
'  color: #ffffff !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: #333333;' +
'  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: #f5f5f5;' +
'  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: #9c9c9c;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #e0e0e0;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  background: #fff;' +
'  border: 1px solid #fff;' +
'  box-shadow: 0px 0px 0px 1px #e2e2e2;' +
'  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="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 jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

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

  // Verificando se o elemento é visível
  if(jInbox.css('display') != 'none') {
    jInbox.fadeOut('450');
  } else {
    jInbox.css({
          'left': $(this).offset().left,
          '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);
                });
              }
            });
        });
    }
  }
});
});
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Sáb 8 Abr 2017 - 16:18

Sem resultado as vezes fica assim:
Lista - Avatar na lista suspensa de mensagens privadas JBpI0uD

Da F5 volta ao normal já sem às imagens.
YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por iScroll Sáb 8 Abr 2017 - 22:04

Estranho... Tentou limpar Cache do seu navegador? Pode ser sua conexão também.
Caso não for, infelizmente não tenho muito conhecimento em JavaScript, deixarei para o @While ou @Luiz~ , ambos são muito bons.
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Sáb 8 Abr 2017 - 23:59

Sim fiz isto e não deu certo.
YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Seg 10 Abr 2017 - 18:48

YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Qui 13 Abr 2017 - 15:02

YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Sex 14 Abr 2017 - 19:12

YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Dom 16 Abr 2017 - 22:01

YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por Kyo Panda Seg 17 Abr 2017 - 9:48

O problema é sua página de perfil personalizada. Tente trocar por 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: #fff;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #255b79;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #cd3816;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #fff;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  left: 15px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  border-bottom: 1px solid #e0e0e0;' +
'  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: #262e33;' +
'  color: #ffffff !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: #333333;' +
'  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: #f5f5f5;' +
'  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: #9c9c9c;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #e0e0e0;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  background: #fff;' +
'  border: 1px solid #fff;' +
'  box-shadow: 0px 0px 0px 1px #e2e2e2;' +
'  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="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 jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

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

  // Verificando se o elemento é visível
  if(jInbox.css('display') != 'none') {
    jInbox.fadeOut('450');
  } else {
    jInbox.css({
          'left': $(this).offset().left,
          '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 = $('.ipsUserPhoto', data).attr('src');
                  jImg.attr('src', jFindImage);
                  sessionStorage.setItem(jUser, jFindImage);
                });
              }
            });
        });
    }
  }
});
});
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Seg 17 Abr 2017 - 10:16

Sem resultado.
YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por Kyo Panda Seg 17 Abr 2017 - 10:20

Mais uma vez:

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: #fff;' +
'  box-shadow: 0px 15px 110px rgba(0,0,0,0.2);' +
'  border-radius: 3px;' +
'  z-index: 200;' +
'  position: absolute;' +
'  }' +
'  #bs_full_inbox a {' +
'  color: #255b79;' +
'  text-decoration: none;' +
'  }' +
'  #bs_full_inbox a:hover {' +
'  color: #cd3816;' +
'  }' +
'  #bs_full_inbox:before {' +
'  border-style: solid;' +
'  border-width: 15px;' +
'  border-color: transparent transparent #fff;' +
'  bottom: 100%;' +
'  pointer-events: none;' +
'  left: 15px;' +
'  content: "";' +
'  display: block;' +
'  height: 0;' +
'  position: absolute;' +
'  width: 0;' +
'  z-index: 3;' +
'  }' +
'  .bs_inbox_header {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  border-bottom: 1px solid #e0e0e0;' +
'  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: #262e33;' +
'  color: #ffffff !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: #333333;' +
'  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: #f5f5f5;' +
'  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: #9c9c9c;}' +
'  .bs_inbox_item .topictitle {display: inherit;}' +
'  .bs_inbox_footer {' +
'  background: #fff url(http://i.imgur.com/sl0Efuz.png) repeat-x 0 0;' +
'  text-align: center;' +
'  padding: 10px;' +
'  line-height: 24px;' +
'  border-top: 1px solid #e0e0e0;' +
'  box-shadow: 0px -1px 6px rgba(0,0,0,0.07);' +
'  border-radius: 0px 0px 3px 3px;' +
'  }' +
'  .bs_inbox_photo {' +
'  background: #fff;' +
'  border: 1px solid #fff;' +
'  box-shadow: 0px 0px 0px 1px #e2e2e2;' +
'  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="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 jInbox = $('#bs_full_inbox');
jInbox.append(jInner);

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

  // Verificando se o elemento é visível
  if(jInbox.css('display') != 'none') {
    jInbox.fadeOut('450');
  } else {
    jInbox.css({
          'left': $(this).offset().left,
          '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 = $('#ips_currentPhoto img', data).attr('src');
                  jImg.attr('src', jFindImage);
                  sessionStorage.setItem(jUser, jFindImage);
                });
              }
            });
        });
    }
  }
});
});
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por YouTube3 Seg 17 Abr 2017 - 13:11

Resolvido obg! Pode fechar.
YouTube3

YouTube3
Super Membro

Membro desde : 03/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Avatar na lista suspensa de mensagens privadas

Mensagem por Kyo Panda Seg 17 Abr 2017 - 13:18

Lista - Avatar na lista suspensa de mensagens privadas Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos