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
» Caixa de Login
Hoje à(s) 03:40 pm por iScroll

» Personalizar cabeçalho
Hoje à(s) 03:40 pm por iScroll

» Pagina Desalinhado
Hoje à(s) 03:14 pm por mrvisible

» Como fazer sub entrada?
Hoje à(s) 02:54 pm por Czins

» Como remover a borda de uma tabela
Hoje à(s) 01:24 pm por Thiago Perotto Zocoli

» Como modificar a estrutura do widget
Hoje à(s) 01:08 pm por Gustavo Karasek

» Mostrar usuário do post
Hoje à(s) 01:08 pm por rlmac

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

Czins, Gustavo Karasek, Heikki, iScroll, MtX, odelgado, PANDA GAMES

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Balão informativo

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

Resolvido Balão informativo

Mensagem por iMont em 16/08/15, 08:21 pm

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. 

avatar

iMont
Nível 9

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

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

Resolvido

Mensagem por كوي em 16/08/15, 08:31 pm

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!
avatar

كوي
Usuário avançado

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

http://help.ahlamontada.com/

Resolvido Re: Balão informativo

Mensagem por Fraise em 17/08/15, 09:00 am

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Balão informativo

Mensagem por iMont em 17/08/15, 09:25 am

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;
}
avatar

iMont
Nível 9

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

http://www.nwdgames.com/forum

Resolvido Re: Balão informativo

Mensagem por Fraise em 17/08/15, 09:31 am

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
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Balão informativo

Mensagem por iMont em 17/08/15, 09:33 am

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

iMont
Nível 9

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

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

Resolvido Re: Balão informativo

Mensagem por Fraise em 17/08/15, 09:34 am

Olá!

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

Cumprimentos.
Fraise
avatar

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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

Resolvido Re: Balão informativo

Mensagem por iMont em 17/08/15, 09:35 am

Obrigado, Fraise !

Pode fechar o tópico.
avatar

iMont
Nível 9

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

http://www.nwdgames.com/forum

Resolvido Re: Balão informativo

Mensagem por Fraise em 17/08/15, 09:36 am

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

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4979
Pontos Ativos : 6634

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