tooltip - Usuários

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

Resolvido tooltip - Usuários

Mensagem por Angel' em 25/09/14, 10:01 pm

Gente... Em relação ao tooltip novamente...

Tem como ele ser direcionado a um único user ao invés do grupo inteiro??


Última edição por Alicia Vërmont em 27/09/14, 05:57 pm, editado 1 vez(es)
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: tooltip - Usuários

Mensagem por waghcwb em 25/09/14, 10:39 pm

Sim, basta que troque o seletor. Qual código está usando para o efeito?

Bastaria trocar o seletor para algo assim
Código:
a[href="/u1"]

No caso isso funcionaria no usuário de id 1. Teria que fazer um código individualmente para cada usuário... É possível reaproveitar as estilizações, mas para isso preciso do code que está usando para conseguir o efeito.
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: tooltip - Usuários

Mensagem por Angel' em 25/09/14, 10:46 pm

Hey ^^

Estou usando este aqui >>

Código:
a[href*="/u"] span[style="color:#BFA98E"] strong {
   position:relative;
}
a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after {
    background-color:"#94836E";
    border-radius: 2px;
    bottom: 15px;
        color: #FFFFFF;
    content: "Administrador do fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: tooltip - Usuários

Mensagem por waghcwb em 25/09/14, 10:52 pm

Após este código seu insira o seguinte
Código:
a[href="/u1"] span strong:hover::after {
   content: "TEXTO QUE VAI APARECER";
   background-color: COR DE FUNDO;
}

Note o /u1 que é correspondente ao ID do usuário. O restante é auto explicativo Muito feliz

Tópico movido de Questões sobre Javascript para Questões sobre aparência do fórum
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: tooltip - Usuários

Mensagem por Angel' em 25/09/14, 11:57 pm

Hey ^^

Funcionou sim.... Só que aparece ao lado do nome, eu gostaria em cima, assim como o efeito daqui do FDF

Veja >> http://oi59.tinypic.com/e7kuog.jpg
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: tooltip - Usuários

Mensagem por Sennior em 26/09/14, 07:56 pm

Tente agora, adicionando mais este código:
Código:
a[href*="/u"] span[style="color:#BFA98E"] left: -25px!important;position: absolute!important;}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: tooltip - Usuários

Mensagem por Angel' em 26/09/14, 10:22 pm

Não resultou =/

Mas eu dei uma fuçada e consegui resolver... Ficou assim:

Código:

a[href="/u"] span strong {
  position:relative; }

a[href="/u"] span strong:hover::after {
    background-color:"#94836E";
    border-radius: 2px;
    bottom: 15px;
        color: #FFFFFF;
    content: "Felix Bixa má";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Agora só uma perguntinha... Tem como adiciona-lo a um grupo que esteja oculto?

Se sim, me expliquem, please... Se não.. Podem fechar o tópico..

Brigadinha *uu*
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: tooltip - Usuários

Mensagem por Sennior em 27/09/14, 02:54 pm

Saudações,

Adicionar o membro ou o código? Louco
Não compreendi bem, mas no caso venha a ler:
Seta http://ajuda.forumeiros.com/-t12839.htm

Abraços.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: tooltip - Usuários

Mensagem por Angel' em 27/09/14, 04:31 pm

Perdão... Devo ter me expressado mal >.<

Quis dizer o código, ele pode ser usado no user individualmente como me ajudaram acima e diretamente no grupo, assim funcionando em todos os usuários que estiverem nesse tal grupo.

Mas para usa-lo em todos os usuários do grupo, há a necessidade de colocar a cor do mesmo no code ex:

Código:
 a[href*="/u"] span[style="color:#BFA98E"] strong {
  position:relative;
}
a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after {
   background-color: etc.............. }

Enfim rs'... O que eu queria saber, é se tem como adicionar esse código do tooltip em um grupo que esteja oculto já que o mesmo não possui cor.
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: tooltip - Usuários

Mensagem por Sennior em 27/09/14, 04:39 pm

Saudações,

Não minha querida, assim não é possível.
Talvez, se o grupo mesmo estando oculto e mesmo assim tiver um cor poderá dar certo.

Já tentou assim?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: tooltip - Usuários

Mensagem por Angel' em 27/09/14, 05:54 pm

Já... Mas não deu =/


Obrigada a todos!!! *u*
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

Ver perfil do usuário http://rpg-vampire-diaries.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