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


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» [PEDIDO] Banner
Hoje à(s) 16:14 por Sennior

» Icones Nova mensagem e nemhuma mensagem
Hoje à(s) 16:08 por Holkis

» Betting Arena
Hoje à(s) 16:06 por Holkis

» Logo familia no mercy
Hoje à(s) 16:01 por Holkis

» Remover Imagem de fundo
Hoje à(s) 15:56 por JrMAFiA

» A Propaganda está no lugar errado
Hoje à(s) 15:50 por while

» [PEDIDO] Ícone "Enquete"
Hoje à(s) 15:46 por IsmaelS.

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
while
 
Cream
 
Shek
 
Holkis
 
IsmaelS.
 
PrisoN†BreaK
 
Ana Leandro
 
Sennior
 
Cepheus
 
YouTube3
 

Quem está conectado
90 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 80 Visitantes :: 2 Motores de busca

Hancki, Holkis, IsmaelS., JrMAFiA, maxleo, Nogueira SSA, Sennior, SyraoN_, while, ZombieW

[ Ver toda a lista ]


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

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 Qua 14 Jan 2015 - 2:23

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 Sex 16 Jan 2015 - 4:10, editado 1 vez(es)

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por [K]oke em Qua 14 Jan 2015 - 6:54

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.

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 834
Pontos Ativos : 2425

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 Qua 14 Jan 2015 - 6:58

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.

Consolado
Super usuário

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

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

Mensagem por Bruninho._ em Qua 14 Jan 2015 - 18:42

@[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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por [K]oke em Qua 14 Jan 2015 - 21:08

Utilize o código do Consolado

Até Mais!

[K]oke
Usuário destaque

Masculino
Inscrito dia : 25/04/2014
Mensagens : 834
Pontos Ativos : 2425

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 Sex 16 Jan 2015 - 0:09

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*

Angel'
Nível 5

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

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

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

Mensagem por Bruninho._ em Sex 16 Jan 2015 - 4:09

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

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

Bruninho._
Nível 8

Masculino
Inscrito dia : 18/07/2012
Mensagens : 126
Pontos Ativos : 1727

http://www.csi-nwd.forumeiros.com

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

Mensagem por Sennior em Sex 16 Jan 2015 - 22:35

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


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

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

Sennior
Admineiro
Admineiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 15957
Pontos Ativos : 22299

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