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
Login

Esqueci minha senha

Últimos assuntos
» Ant-Duble post arrumado
Hoje à(s) 15:29 por iScroll

» Centralizar ícones
Hoje à(s) 14:29 por Jhool

» Novo tópico sem Refresh
Hoje à(s) 14:25 por iScroll

» [Dica] Dica Para Nome Serv SAMP
Hoje à(s) 13:11 por mizuno600

» Parabéns Forumeiros
Hoje à(s) 13:07 por mizuno600

» Banner PARCERIA
Hoje à(s) 13:00 por vitorsali

» Imagem indicando assinatura
Hoje à(s) 10:23 por PESS_dodo

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
267 usuários online :: 7 usuários cadastrados, 1 Invisível e 259 Visitantes :: 1 Motor de busca

CharlesIE1H, Holkis, Kyo Panda, Lincoln, ranzatti, vitorsali, Yeshua

[ Ver toda a lista ]


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

Balão informativo

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

Resolvido Balão informativo

Mensagem por iMont em Seg 17 Ago 2015 - 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. 


iMont
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 172
Pontos Ativos : 1027

http://www.nwdgames.com/forum
  • 0

Resolvido

Mensagem por كوي em Seg 17 Ago 2015 - 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!

كوي
Usuário avançado

Masculino
Inscrito dia : 26/08/2012
Mensagens : 366
Pontos Ativos : 2379

http://help.ahlamontada.com/

Resolvido Re: Balão informativo

Mensagem por Fraise em Seg 17 Ago 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7230

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

Resolvido Re: Balão informativo

Mensagem por iMont em Seg 17 Ago 2015 - 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
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 172
Pontos Ativos : 1027

http://www.nwdgames.com/forum

Resolvido Re: Balão informativo

Mensagem por Fraise em Seg 17 Ago 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7230

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

Resolvido Re: Balão informativo

Mensagem por iMont em Seg 17 Ago 2015 - 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
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 172
Pontos Ativos : 1027

http://www.nwdgames.com/forum
  • 0

Resolvido Re: Balão informativo

Mensagem por Fraise em Seg 17 Ago 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7230

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

Resolvido Re: Balão informativo

Mensagem por iMont em Seg 17 Ago 2015 - 13:35

Obrigado, Fraise !

Pode fechar o tópico.

iMont
Nível 9

Masculino
Inscrito dia : 25/01/2015
Mensagens : 172
Pontos Ativos : 1027

http://www.nwdgames.com/forum

Resolvido Re: Balão informativo

Mensagem por Fraise em Seg 17 Ago 2015 - 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
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4973
Pontos Ativos : 7230

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

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