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
» Banner do Forum
Hoje à(s) 04:40 pm por Lincoln

» Ajuda com o HTML
Hoje à(s) 04:29 pm por Taxy_InSaniTy

» FanBar Roger
Hoje à(s) 03:49 pm por APOllO

» Texto do Topico bugado com o perfil
Hoje à(s) 03:06 pm por Harleen

» Assinatura grande!
Hoje à(s) 02:28 pm por APOllO

» Apresentação dos membros (fale sobre você)
Hoje à(s) 02:26 pm por APOllO

» Sistema de like nas mensagens
Hoje à(s) 12:05 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
Roger_Crazzy
 
Fatalisss
 

Quem está conectado
296 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 289 Visitantes :: 2 Motores de busca

jamesslytherin, JulioPais, Lincoln, Luiz, MtX, Pedxz, Taxy_InSaniTy

[ Ver toda a lista ]


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

Efeito em cima do nick da administração do fórum

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

Resolvido Efeito em cima do nick da administração do fórum

Mensagem por Bruninho._ em 14/01/15, 04:23 am

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Membro
Navegador usado : Google Chrome
Membros afetados : Somente comigo
Endereço do fórum : http://www.csi-nwd.forumeiros.com

Descrição do problema

Como faço pra pro esse efeito quando passar o mouse em cima do nick da STAFF

http://prntscr.com/5s9moj

Fonte: http://ajuda.forumeiros.com/


Última edição por Bruninho._ em 16/01/15, 06:10 am, editado 1 vez(es)
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por [K]oke em 14/01/15, 08:54 am

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle  Visualização  Imagens e cores  Cores  Folha de estilo CSS

Código:
a[href="/uN"] strong{color:COR}
N = Número da ID do usuário. Exemplo: 1
COR = Cor em inglês ou em código hexadecimal da letra do usuário ao passar o mouse por cima.

Salve.

Até mais.
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 861
Pontos Ativos : 1575

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por Consolado em 14/01/15, 08:58 am

Olá!

Utilize esse código CSS:
Código:
a[href*="/u"] span[style="color:#4248FF"] strong{position:relative}a[href*="/u"] span[style="color:#4248FF"] strong:hover:after{background-color:rgba(35,75,199,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Agente Sênior";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#6FA7EB"] strong{position:relative}a[href*="/u"] span[style="color:#6FA7EB"] strong:hover:after{background-color:rgba(111,167,235,0.98);border-radius:5px;bottom:15px;color:#fff;content:"Agente de Policia";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#02C78F"] strong{position:relative}a[href*="/u"] span[style="color:#02C78F"] strong:hover:after{background-color:rgba(46,252,194,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Desenhista Pericial";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#BB00CC"] strong{position:relative}a[href*="/u"] span[style="color:#BB00CC"] strong:hover:after{background-color:rgba(202,28,195,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Escrivão de Polícia";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#007D13"] strong{position:relative}a[href*="/u"] span[style="color:#007D13"] strong:hover:after{background-color:rgba(50,143,21,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Corregedoria";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#000000"] strong{position:relative}a[href*="/u"] span[style="color:#000000"] strong:hover:after{background-color:#000;border-radius:5px;bottom:15px;color:#fff;content:"Conselho Superior";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#FF0000"] strong{position:relative}a[href*="/u"] span[style="color:#FF0000"] strong:hover:after{background-color:rgba(235,16,16,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Comando Geral";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#A6A6A6"] strong{position:relative}a[href*="/u"] span[style="color:#A6A6A6"] strong:hover:after{background-color:rgba(0,0,0,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Membro";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}a[href*="/u"] span[style="color:#000099"] strong{position:relative}a[href*="/u"] span[style="color:#000099"] strong:hover:after{background-color:rgba(0,0,0,0.5);border-radius:5px;bottom:15px;color:#fff;content:"Membro";display:inline-block;font-size:10px;font-style:normal;font-weight:700;left:-90px;padding:2px;position:absolute;white-space:nowrap;z-index:1}
Você precisa mudar as cores de Tenente, Sargento e Detetive pra não haver conflito. Me avise quando mudar.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por Bruninho._ em 14/01/15, 08:42 pm

@[K]oke escreveu:Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle  Visualização  Imagens e cores  Cores  Folha de estilo CSS

Código:
a[href="/uN"] strong{color:COR}
N = Número da ID do usuário. Exemplo: 1
COR = Cor em inglês ou em código hexadecimal da letra do usuário ao passar o mouse por cima.

Salve.

Até mais.

Não é pra mudar a cor huehuehe, é pra colocar aquele balãozinho em cima do nick com um texto predefinido entendeu.

http://prntscr.com/5s9moj
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por [K]oke em 14/01/15, 11:08 pm

Utilize o código do Consolado

Até Mais!
avatar

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 861
Pontos Ativos : 1575

http://bestskins.net/forum https://www.facebook.com/https://www.facebook.com/davis.natsu
  • 0

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por Angel' em 16/01/15, 02:09 am

Heeey ^^

Isso se chama tooltip =)

Se deseja colocar uma mesma descrição para todos de um grupo, coloque o seguinte código em seu CSS:

Código:

a[href*="/u"] span[style="color:#BFA98E"] strong {
   position:relative;
}
a[href*="/u"] span[style="color:#BFA98E"] strong:hover:after {
    background-color:"#BFA98E";
    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: -40px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Obs:
- A cor #BFA98E é a cor do grupo, logo, vc deve troca-la de acordo com a cor do grupo em que vc deseja colocar esse "balão".
- O #ffffff é a cor da letra a ser utilizada.
- Não altere o "/u" o que vai definir quem receberá a descrição no "balão" é a cor do grupo =)
- Esse code só funciona em grupos visíveis!
Agora.... se vc deseja colocar o tooltip em um usuário específico, o code é esse:

Código:

 
a[href*="/u??"]  strong {
   position:relative;
}
a[href="/u??"]  strong:hover:after {
    background-color:"#800080";
    border-radius: 2px;
    bottom: 15px;
        color: #FFFFFF;
    content: "Moderadores";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -5px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Neste caso, troque o /u?? Pelo id do usuario em questão, ex: /u456 Piscada

Espero ter ajudado *uu*
avatar

Angel'
Nível 5

Feminino
Inscrito dia : 07/02/2012
Mensagens : 53
Pontos Ativos : 90

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

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por Bruninho._ em 16/01/15, 06:09 am

Nossa Angel valeu mesmo!!!! deu certinho!! Muito obrigado!! ;D

p.s: Somente o 1º code de grupos não funcionou, o 2º funcionou perfeitamente.
avatar

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 139
Pontos Ativos : 220

http://www.nwdgames.com https://www.facebook.com/nwdgames https://twitter.com/nwd_

Resolvido Re: Efeito em cima do nick da administração do fórum

Mensagem por Sennior em 17/01/15, 12:35 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.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16308
Pontos Ativos : 20794

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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