Data/hora atual: 24.07.21 16:23

1 Resultado encontrado para EBCD26

Tooltip no nome de usuario

O script foi feito para exibir "apenas" para aquele grupo de usuário. Qualquer outro grupo, em qualquer fórum, não funcionará.

Para cada grupo do seu fórum o senhor terá que adicionar o código mais uma vez, trocando as cores de #EBCD26 para a cor de grupo desejado e content: " ⇨ Fundador do Servidor"!important;' para o nome do grupo.

Exemplo do grupo com a cor #FF0000 de nome Grupo Especial:

Código:
(function ($) {
  $(function () { 
    $('body')
      .append([
        '<style>',
        '  span[style*="#FF0000"] strong {',
        '    position: relative!important;',
        '  }',
        '  span[style*="#FF0000"] strong:before {',
        '    content: " ⇨ Grupo Especial"!important;',
        '    position: absolute!important;',
        '    width: 163px!important;',
        '    color: #fff!important;',
        '    font-size: 12px!important;',
        '    background-color: #d6bd40!important;',
        '    padding: 4px!important;',
        '    border-radius: 4px!important;',
        '    display: inline-block!important;',
        '    visibility: hidden!important;',
        '    top: -27px!important;',
        '    left: -60px!important;',
        '    z-index: 9999!important;',
        '    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28)!important;',
        '  }',
        '  span[style^="#FF0000"] strong:hover:before {',
        '    visibility: visible!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
    console.log('tooltip-in-the-user-name loaded!');
  });
}(jQuery));
por Kyo Panda
em 02.04.17 1:27
 
Procurar em: Questões resolvidas sobre códigos Javascript e jQuery
Tópico: Tooltip no nome de usuario
Respostas: 26
Vistos: 1500

Ir para o topo

Ir para: