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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Verificação de IP de usuários
Hoje à(s) 2:53 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 2:40 por YouTube3

» Postagem com capa
Hoje à(s) 1:10 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 0:56 por Kyo Panda

» Neve a cair sobre o fórum
Hoje à(s) 0:54 por Kyo Panda

» Rádio no rodapé
Hoje à(s) 0:50 por Kyo Panda

» Widgets escondidos no fórum
Hoje à(s) 0:47 por Kyo Panda

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
62 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 57 Visitantes :: 1 Motor de busca

Claudio Arthur, Daemon, Eden, First, Lincoln

[ 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 : 955

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 : 2307

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 : 7162

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 : 955

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 : 7162

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 : 955

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 : 7162

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 : 955

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 : 7162

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5