tooltip - Usuários

3 participantes

Ir para baixo

Tópico resolvido tooltip - Usuários

Mensagem por Angel' 26.09.14 2:01

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 21:57, editado 1 vez(es)
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por waghcwb 26.09.14 2:39

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.
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Angel' 26.09.14 2:46

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;
}
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por waghcwb 26.09.14 2:52

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
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Angel' 26.09.14 3:57

Hey ^^

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

Veja >> https://2img.net/h/oi59.tinypic.com/e7kuog.jpg
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Sennior 26.09.14 23:56

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

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Angel' 27.09.14 2:22

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*
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Sennior 27.09.14 18:54

Saudações,

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

Abraços.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Angel' 27.09.14 20:31

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.
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Sennior 27.09.14 20:39

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: tooltip - Usuários

Mensagem por Angel' 27.09.14 21:54

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


Obrigada a todos!!! *u*
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

http://rpg-vampire-diaries.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo


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