Balão informativo

3 participantes

Ir para baixo

Tópico resolvido Balão informativo

Mensagem por iMont 17.08.15 0:21

Detalhes da questão


Endereço do fórum: http://evolutiondesign.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá !

Estou com dificuldades para achar o tópico que pode me ajudar. 

Eu quero criar estes balões informativos ao passar o mouse sobre o Membro. 

Balão informativo 4qspde
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido

Mensagem por كوي 17.08.15 0:31

boa noite iMont!
veja os seguinte tópicos!
seta1  www.ajuda.forumeiros.com/t100396-
seta1  www.ajuda.forumeiros.com/t32785-
espero ter ajudado, até mais!
كوي
كوي
****

Membro desde : 26/08/2012
Mensagens : 366
Pontos : 739

http://help.ahlamontada.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por Fraise 17.08.15 13:00

Olá!

Caso deseje aplicar a todos os membros de grupo de uma vez só, utilize este código:
Código:
a[href*="/u"] span[style="color:COR-DO-GRUPO"] strong:hover:after {
    background-color: rgba(130, 93, 0, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte no atendimento aos usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -70px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Não se esqueça de substituir COR-DO-GRUPO pela cor do grupo que deseja que apareça o efeito. Piscada

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por iMont 17.08.15 13:25

Olá !

Não estou obtendo resultado, Fraise.

Código:
a[href*="/u"] span[style="color:#64A831] strong:hover:after {
    background-color: rgba(130, 93, 0, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #64A831;
    content: "teste";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -70px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por Fraise 17.08.15 13:31

Olá!

Tente assim:
Código:
a[href*="/u"] span[style="color:#64A831"] strong {
  position:relative;
}
a[href*="/u"] span[style="color:#64A831"] strong:hover:after{
  background-color:rgba(255,0,0,0.5);
  border-radius:5px;
  bottom:15px;
  color:#fff;
  content:"Administração geral do fórum";
  display:inline-block;
  font-size:10px;
  font-style:normal;
  font-weight:700;
  left:-90px;
  padding:2px;
  position:absolute;
  white-space:nowrap;
  z-index:1
}

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por iMont 17.08.15 13:33

Perfeito !

Os 3 primeiros números eu posso alterar para trocar a cor de fundo, certo ?

Código:
background-color:rgba(255,0,0,0.5);
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por Fraise 17.08.15 13:34

Olá!

Certo, as cores estão em RGB. Poderá encontra-las aqui:
Flecha ajudeiros http://www.efeitosespeciais.net/tabela.htm

Cumprimentos.
Fraise
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por iMont 17.08.15 13:35

Obrigado, Fraise !

Pode fechar o tópico.
iMont
iMont
***

Membro desde : 25/01/2015
Mensagens : 172
Pontos : 274

http://www.nwdgames.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Balão informativo

Mensagem por Fraise 17.08.15 13:36

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

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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