Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
198 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 192 Visitantes :: 1 Motor de busca

Claudio Arthur, iPlayer, iScroll, Kyo Panda, Luiz~, PESS_dodo

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Tooltip no nome de usuario

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

Resolvido Tooltip no nome de usuario

Mensagem por ranzatti em Sab 25 Mar 2017 - 1:02

Detalhes da questão


Endereço do fórum: http://brnewgeneration.forumeiros.com/forum
Versão do fórum: phpBB3

Descrição


olá gostaria de saber como mostrar o rank do usuário quando eu passo por cima do nick exemplo abaixo obg



Última edição por ranzatti em Dom 2 Abr 2017 - 1:27, editado 1 vez(es)
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por while em Sab 25 Mar 2017 - 2:53

avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4492

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Sab 25 Mar 2017 - 5:19


Obrigado por mostrar essas dicas porem eu não gostei muito nao tem como fazer igual o da foto ?

Tipo eu quero que mostre o rank quando passo o mouse em cima do nick entendeu ?
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por while em Sab 25 Mar 2017 - 15:23

Troque o código por este:

Código:
a[href="/u2"] span strong {
  position:relative; }
 
a[href="/u2"] span strong:hover::after {
    background-color: #DA638D;
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Texto";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Duplique sempre o código para adicionar em outros usuarios, ou faça dessa forma:

Código:
a[href="/u2"] span strong, a[href="/u3"] span strong {
  position:relative; }
 
a[href="/u2"] span strong:hover::after, a[href="/u3"] span strong:hover::after {
    background-color: #DA638D;
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Texto";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Nota-se que o código citado acima eu adicionei a virgula e repeti a classe porém com o /u diferente, num está o número 2 e no outro o 3, cada usuario tem um valor de perfil, que corresponde á pagina de perfil dele que no caso se trata da posição de registro.

Espero que tenha entendido.

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3105
Pontos Ativos : 4492

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Sab 25 Mar 2017 - 19:08

Eu quero que mostre como esta no Rank nao tem como ?
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Sab 25 Mar 2017 - 20:54

Ative o código passado pelo @while, que foi passado nesta mensagem.

Feito isso, adicione este CSS:
Código:
a[href="/u2"] span strong:hover::after {
    content: "TEXTO À APARECER PARA O USUÁRIO 2"!important;
}

Basta que o senhor troque o "/u2" pelo número do usuário que você deseja que o efeito aconteça.
Para mudar o texto, basta modificar o texto que está entre as aspas ( " ), após o "content".

Até mais. Feliz


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Sab 25 Mar 2017 - 22:27

Gente eu acho que vcs nao estão entendendo eu nao quero um balao com o texto eu queria que mostrar o design como esta o rank entendeu?
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Kyo Panda em Seg 27 Mar 2017 - 13:33

O senhor diz a imagem do rank? Se sim:

Código:
a[href="/u60563"] span strong {
    position: relative;
    display: inline-block;
}

a[href="/u60563"] span strong:hover:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    background-image: url(https://illiweb.com/fa/fdf/rank-help.png); /* Imagem do rank */     
    width: 106px; /* Largura da imagem do rank */
    height: 35px; /* Altura da imagem do rank */
    margin-left: -53px; /* - Metade da largura da imagem */
    top: -35px; /* - Altura da imagem do rank */
}


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3313
Pontos Ativos : 4617

http://ajuda.forumeiros.com

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Qui 30 Mar 2017 - 20:13

@Kyo Panda escreveu:O senhor diz a imagem do rank? Se sim:

Código:
a[href="/u60563"] span strong {
    position: relative;
    display: inline-block;
}

a[href="/u60563"] span strong:hover:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 50%;
    background-image: url(https://illiweb.com/fa/fdf/rank-help.png); /* Imagem do rank */     
    width: 106px; /* Largura da imagem do rank */
    height: 35px; /* Altura da imagem do rank */
    margin-left: -53px; /* - Metade da largura da imagem */
    top: -35px; /* - Altura da imagem do rank */
}

Tipo assim mais eu nao queria por imagem do rank e sim como esta o rank selecionado pro perfil entende?
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Qui 30 Mar 2017 - 20:30

Olá,

Adicione este código em sua CSS:
Código:
span[style*="#EBCD26"] strong {
  position: relative;
}

span[style*="#EBCD26"] strong:before {
  content: ' ⇨ Fundador do Servidor';
  position: absolute;
  width: 163px;
  color: #fff;
  font-size: 12px;
  background-color: #d6bd40;
  padding: 4px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  top: -23px;
  left: -60px;
  z-index: 9999;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28);
}

span[style*="#EBCD26"] strong:hover:before {
  visibility: visible;
}

Não se esqueça de remover todos os outros que lhe foram passado neste tópico.

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Qui 30 Mar 2017 - 20:42

@Luiz~ escreveu:Olá,

Adicione este código em sua CSS:
Código:
span[style*="#EBCD26"] strong {
  position: relative;
}

span[style*="#EBCD26"] strong:before {
  content: ' ⇨ Fundador do Servidor';
  position: absolute;
  width: 163px;
  color: #fff;
  font-size: 12px;
  background-color: #d6bd40;
  padding: 4px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  top: -23px;
  left: -60px;
  z-index: 9999;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28);
}

span[style*="#EBCD26"] strong:hover:before {
  visibility: visible;
}

Não se esqueça de remover todos os outros que lhe foram passado neste tópico.

Tchau

acho que esta faltando algum codigo pq nao esta mostrando nada no usuario
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Qui 30 Mar 2017 - 20:58

Olá.
Eu não vejo o código ativado em sua Folha de Estilo. Esperando

Certifique-se de que o senhor adicionou seu CSS em:
Visualização -> Cores -> Folha de Estilo CSS.
Código:
span[style*="#EBCD26"] strong {
  position: relative;
}
 
span[style*="#EBCD26"] strong:before {
  content: ' ⇨ Fundador do Servidor';
  position: absolute;
  width: 163px;
  color: #fff;
  font-size: 12px;
  background-color: #d6bd40;
  padding: 4px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  top: -23px;
  left: -60px;
  z-index: 9999;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28);
}
 
span[style*="#EBCD26"] strong:hover:before {
  visibility: visible!important;
}

Leia este tópico para saber como usar/achar a Folha de Estilo:
-> http://ajuda.forumeiros.com/t49309-faq-folha-de-estilo-css

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Qui 30 Mar 2017 - 21:26

@Luiz~ escreveu:Olá.
Eu não vejo o código ativado em sua Folha de Estilo. Esperando

Certifique-se de que o senhor adicionou seu CSS em:
Visualização -> Cores -> Folha de Estilo CSS.
Código:
span[style*="#EBCD26"] strong {
  position: relative;
}
 
span[style*="#EBCD26"] strong:before {
  content: ' ⇨ Fundador do Servidor';
  position: absolute;
  width: 163px;
  color: #fff;
  font-size: 12px;
  background-color: #d6bd40;
  padding: 4px;
  border-radius: 4px;
  display: inline-block;
  visibility: hidden;
  top: -23px;
  left: -60px;
  z-index: 9999;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28);
}
 
span[style*="#EBCD26"] strong:hover:before {
  visibility: visible!important;
}

Leia este tópico para saber como usar/achar a Folha de Estilo:
-> http://ajuda.forumeiros.com/t49309-faq-folha-de-estilo-css

Tchau

Luiz ta ativado sim mano olha abaixo

avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Fraise em Sab 1 Abr 2017 - 16:52

Boa tarde.

Troque os códigos acima por este: (aconselho que o código seja adicionado no ínicio da folha)
Código:
span[style*="#EBCD26"] strong {
  position: relative!important;
}
 
span[style*="#EBCD26"] strong:before {
  content: ' ⇨ Fundador do Servidor'!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: -23px!important;
  left: -60px!important;
  z-index: 9999!important;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.28)!important;
}
 
span[style*="#EBCD26"] strong:hover:before {
  visibility: visible!important;
}

Com os melhores cumprimentos,
Fraise.
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4977
Pontos Ativos : 6632

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Sab 1 Abr 2017 - 21:57

Frize eu acho que esta faltando algum codigo do usuario pq eu ja puis seu codigo e nao mostra nada!
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Sab 1 Abr 2017 - 22:07

Olá,

Novamente, eu entrei em seu fórum e não vi o código ativo.
Isso tudo pelo inspecionar elemento... Isso está um pouco estranho, não acha?

Vamos fazer diferente:
Crie um novo JavaScript, com investimento em todas as páginas, com o seguinte código:
Código:
(function ($) {
  $(function () { 
    $('body')
      .append([
        '<style>',
        '  span[style*="#EBCD26"] strong {',
        '    position: relative!important;',
        '  }',
        '  span[style*="#EBCD26"] strong:before {',
        '    content: " ⇨ Fundador do Servidor"!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*="#EBCD26"] strong:hover:before {',
        '    visibility: visible!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
  });
}(jQuery));

Tenho a impressão de que não há um jeito do código acima ser falho. Pensativo
Para saber mais sobre os JavaScripts:
-> http://ajuda.forumeiros.com/t42976-faq-paginas-js

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Sab 1 Abr 2017 - 22:25

Pronto Luiz código JS criado pensei que esse codigo fosse posto na folha CSS mais continua a mesma coisa!
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Sab 1 Abr 2017 - 22:40

Olá,

Novamente, não vejo o código JavaScript em seu fórum:
-> http://brnewgeneration.forumeiros.com/99547.js

Era para o JavaScript que te mandei anteriormente estar nestes códigos.

Vamos fazer o seguinte...
Em seu Painel de Controle, faça o seguinte:

1. Procure por Módulos.


2. Procure por Gestão dos códigos JavaScript.


3. Procure por CRIAR UM NOVO JAVASCRIPT.


4. Configure a nova página conforme a imagem:

E na caixa grandona de texto, cole o seguinte código:
Código:
(function ($) {
  $(function () { 
    $('body')
      .append([
        '<style>',
        '  span[style*="#EBCD26"] strong {',
        '    position: relative!important;',
        '  }',
        '  span[style*="#EBCD26"] strong:before {',
        '    content: " ⇨ Fundador do Servidor"!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*="#EBCD26"] strong:hover:before {',
        '    visibility: visible!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
    console.log('tooltip-in-the-user-name loaded!');
  });
}(jQuery));

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Dom 2 Abr 2017 - 0:07

http://brnewgeneration.forumeiros.com/28997.js

ta certo aqui!
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Dom 2 Abr 2017 - 0:12

Ué...
Vamos analisar o código que te mandei acima:
Código:
(function ($) {
  $(function () { 
    $('body')
      .append([
        '<style>',
        '  span[style*="#EBCD26"] strong {',
        '    position: relative!important;',
        '  }',
        '  span[style*="#EBCD26"] strong:before {',
        '    content: " ⇨ Fundador do Servidor"!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*="#EBCD26"] strong:hover:before {',
        '    visibility: visible!important;',
        '  }',
        '</style>',
      ].join('\n'))
    ;
    console.log('tooltip-in-the-user-name loaded!');
  });
}(jQuery));

Note que eu coloquei este trecho, ao final
console.log('tooltip-in-the-user-name loaded!');
. Esse comando nunca falha, só se tiver um erro de sintaxe gravíssimo no código, o que não é o caso, pois eu testei uma vez em todos os meus fóruns de teste.
Agora, analisando o console de seu fórum:
-> http://prntscr.com/erc4ry

Não vejo a log que programei para estar lá... Pensativo
Você fez tudo o que pedi nesta mensagem?

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Dom 2 Abr 2017 - 0:26

Fiz mano tudo oque vc pediu eu fiz!
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum
  • 0

Resolvido Re: Tooltip no nome de usuario

Mensagem por Kyo Panda em Dom 2 Abr 2017 - 1:02

O código do Luiz~ está aplicado (mas sem o console.log) e aparentemente está funcionando:



Questão resolvida?


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3313
Pontos Ativos : 4617

http://ajuda.forumeiros.com

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Dom 2 Abr 2017 - 1:11

@Kyo Panda escreveu:O código do Luiz~ está aplicado (mas sem o console.log) e aparentemente está funcionando:



Questão resolvida?

é possivel mostrar pra todos de um derterminado grupo ?
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Kyo Panda em Dom 2 Abr 2017 - 1:17

O script não faz distinção de "para quem ele mostrará".

Agora se disse no sentido "adicionar o efeito para todos os usuários de certo grupo", ele já o faz. Ele utiliza a cor do usuário nome do usuário para determinar se mostrará ou não o tooltip. Como as cores são definidas pelo grupo, acredito que já esteja coberto neste sentido.


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3313
Pontos Ativos : 4617

http://ajuda.forumeiros.com

Resolvido Re: Tooltip no nome de usuario

Mensagem por ranzatti em Dom 2 Abr 2017 - 1:21

muito obrigado pode fechar!
avatar

ranzatti
Nível 6

Masculino
Inscrito dia : 02/09/2010
Mensagens : 78
Pontos Ativos : 126

http://brnewgeneration.forumeiros.com/forum

Resolvido Re: Tooltip no nome de usuario

Mensagem por Kyo Panda em Dom 2 Abr 2017 - 1:27

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));


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3313
Pontos Ativos : 4617

http://ajuda.forumeiros.com

Resolvido Re: Tooltip no nome de usuario

Mensagem por Luiz~ em Dom 2 Abr 2017 - 1:34

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2437
Pontos Ativos : 3279

http://1forum1.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum