Como permitir tolltip no usuários do fórum na versão ModernBB?

[iScroll]

Detalhes da questão

Endereço do fórum: http://www.ultimatelife.forumeiros.com
Versão do fórum: ModernBB

Descrição

Mudei o fórum para ModerNBB recentemente e percebi essa mudança repentina e meia que "incomoda", teria como resolver isso?
Vejam: http://prntscr.com/gekrzk

O script funcionava perfeitamente, creio que deu conflito com a nova versão...

Script usado:

Código:

$(function(){var links=$('a[href^="/u"]').filter(function(){if(this.firstChild){if(this.firstChild.tagName!='IMG'){return this}}else{return this}}),usersinfo={};links.tooltipster&&links.not('.mentiontag, .tooltipstered').filter(function(){if(!$(this).closest('#tabs')[0]){return this}}).tooltipster({animation:'fade',interactive:true,contentAsHTML:true,minWidth:300,maxWidth:300,delay:500,arrowColor:"#EEE",autoClose:true,content:'Carregando...',functionBefore:function(origin,continueTooltip){continueTooltip();var userid=$(this).attr('href').replace(/.*?\/u(\d+).*/,'$1');if(origin.data('ajax')!=='cached'){if(usersinfo[userid]!=undefined){origin.tooltipster('content',usersinfo[userid]).data('ajax','cached')}else{$.ajax({type:'GET',url:"/ajax/index.php",dataType:"html",data:{f:"m",user_id:userid},success:function(html){usersinfo[userid]=html;origin.tooltipster('content',html).data('ajax','cached')}})}}}})});

[Fraise]

Olá,

Troque o código por este:

Código:

$(function(){var links=$('a[href^="/u"]').filter(function(){if(this.firstChild){if(this.firstChild.tagName!='IMG'){return this}}else{return this}}),usersinfo={};links.tooltipster&&links.not('.mentiontag, .tooltipstered').filter(function(){if(!$(this).closest('dd.lastpost')[0]){return this}}).tooltipster({animation:'fade',interactive:true,contentAsHTML:true,minWidth:300,maxWidth:300,delay:500,arrowColor:"#EEE",autoClose:true,content:'Carregando...',functionBefore:function(origin,continueTooltip){continueTooltip();var userid=$(this).attr('href').replace(/.*?\/u(\d+).*/,'$1');if(origin.data('ajax')!=='cached'){if(usersinfo[userid]!=undefined){origin.tooltipster('content',usersinfo[userid]).data('ajax','cached')}else{$.ajax({type:'GET',url:"/ajax/index.php",dataType:"html",data:{f:"m",user_id:userid},success:function(html){usersinfo[userid]=html;origin.tooltipster('content',html).data('ajax','cached')}})}}}})});


Abraço,
Fraise.

[iScroll]

Certo, agora só funciona nas estatisticas ou nos tópicos :/

[iScroll]

up

[iScroll]

UP

[Shek]

Olá e boa noite.

Por favor, mude seu código para:

Código:

$(function() {
    var links = $('a[href^="/u"]').filter(function() {
            if (this.firstChild) {
                if (this.firstChild.tagName != 'IMG') {
                    return this
                }
            } else {
                return this
            }
        }),
        usersinfo = {};
    links.tooltipster && links.not('.mentiontag, .tooltipstered').filter(function() {
        if (!$(this).closest('.lastpost')[1]) {
            return this
        }
    }).tooltipster({
        animation: 'fade',
        interactive: true,
        contentAsHTML: true,
        minWidth: 300,
        maxWidth: 300,
        delay: 500,
        arrowColor: "#EEE",
        autoClose: true,
        content: 'Carregando...',
        functionBefore: function(origin, continueTooltip) {
            continueTooltip();
            var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
            if (origin.data('ajax') !== 'cached') {
                if (usersinfo[userid] != undefined) {
                    origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached')
                } else {
                    $.ajax({
                        type: 'GET',
                        url: "/ajax/index.php",
                        dataType: "html",
                        data: {
                            f: "m",
                            user_id: userid
                        },
                        success: function(html) {
                            usersinfo[userid] = html;
                            origin.tooltipster('content', html).data('ajax', 'cached')
                        }
                    })
                }
            }
        }
    })
});

Atenciosamente,
Shek

[iScroll]

Olá e boa noite.

Por favor, mude seu código para:

Código:

$(function() {
    var links = $('a[href^="/u"]').filter(function() {
            if (this.firstChild) {
                if (this.firstChild.tagName != 'IMG') {
                    return this
                }
            } else {
                return this
            }
        }),
        usersinfo = {};
    links.tooltipster && links.not('.mentiontag, .tooltipstered').filter(function() {
        if (!$(this).closest('.lastpost')[1]) {
            return this
        }
    }).tooltipster({
        animation: 'fade',
        interactive: true,
        contentAsHTML: true,
        minWidth: 300,
        maxWidth: 300,
        delay: 500,
        arrowColor: "#EEE",
        autoClose: true,
        content: 'Carregando...',
        functionBefore: function(origin, continueTooltip) {
            continueTooltip();
            var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
            if (origin.data('ajax') !== 'cached') {
                if (usersinfo[userid] != undefined) {
                    origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached')
                } else {
                    $.ajax({
                        type: 'GET',
                        url: "/ajax/index.php",
                        dataType: "html",
                        data: {
                            f: "m",
                            user_id: userid
                        },
                        success: function(html) {
                            usersinfo[userid] = html;
                            origin.tooltipster('content', html).data('ajax', 'cached')
                        }
                    })
                }
            }
        }
    })
});

Atenciosamente,
Shek

mesma coisa do antigo código que passei no ínicio @Shek.
Veja: http://prntscr.com/gg16ys ele não centraliza com o nome do usuário.

[Shek]

O que disse aqui então não é o que queria?

Certo, agora só funciona nas estatisticas ou nos tópicos :/

O que disse me fez entender que o código lhe cedido na mensagem acima tinha resolvido este impasse da centralização. Logo, eu modifiquei a partir dele.

Aliás, eu testei o código em um fórum ModernBB e funciona sem qualquer bug. Me envie uma imagem de como ficou no seu fórum após aplicar o meu código, por gentileza.

[iScroll]

O que disse aqui então não é o que queria?

Certo, agora só funciona nas estatisticas ou nos tópicos :/

O que disse me fez entender que o código lhe cedido na mensagem acima tinha resolvido este impasse da centralização. Logo, eu modifiquei a partir dele.

Aliás, eu testei o código em um fórum ModernBB e funciona sem qualquer bug. Me envie uma imagem de como ficou no seu fórum após aplicar o meu código, por gentileza.

Mas eu acabei de enviar kkk http://prntscr.com/gg16ys
Acho que me expressei mal, desculpe.

[Shek]

Ok... Mas, o que está de errado lá? Eis a minha dúvida. Você quer que o conteúdo interno da caixa esteja todo centralizado, isso? Se for isso, é só adicionar o text-align dentro do seu CSS:

Código:

.main-tooltip {text-align: center;}

[iScroll]

Ok... Mas, o que está de errado lá? Eis a minha dúvida. Você quer que o conteúdo interno da caixa esteja todo centralizado, isso? Se for isso, é só adicionar o text-align dentro do seu CSS:

Código:

.main-tooltip {text-align: center;}

Ué, não percebeu pela print? era pra estar centralizado ao nome de usuário, mas não está.

[Kyo Panda]

Procure no seu CSS:

Código:

dd.lastpost span.color-groups {
    float: left;
    padding-left: 0;
}

Remova o float: left;

[iScroll]

Procure no seu CSS:

Código:

dd.lastpost span.color-groups {
    float: left;
    padding-left: 0;
}

Remova o float: left;

Perfeito, obrigado Kyo.
Podem fechar.

[Shek]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.