Mouse - Nome de usuários

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

Resolvido Mouse - Nome de usuários

Mensagem por Angel' em 24/09/14, 02:24 pm

Heeyyy... Vcs podem passar o code que vcs estão usando??

Quando passamos o mouse em cima de um usuário q seja membro da equipe, surge uma pequena "descrição"

Obrigada Muito feliz


Última edição por Alicia Vërmont em 25/09/14, 12:36 am, editado 1 vez(es)
avatar

Angel'
Nível 5

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

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Mouse - Nome de usuários

Mensagem por viniliff em 24/09/14, 08:03 pm

Olá.

Conceda o seguinte caminho:
Seta larga Visualização > Imagens e cores > cores > CSS

Adicione o seguinte código:

Código:
a[href*="/u"] span[style="color:#FF6600"] strong:hover:after {
    background-color: rgba(255, 66, 0, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Gestão administrativa e técnica do fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -75px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
a[href*="/u"] span[style="color:#CC66CC"] strong:hover:after {
    background-color: rgba(150, 13, 150, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte gráfico para os usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
a[href*="/u"] span[style="color:#7BB92B"] strong:hover:after {
    background-color: rgba(105, 182, 22, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Suporte geral e gestão dos usuários";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

a[href*="/u"] span[style="color:#C39300"] 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;
}
a[href*="/u"] span[style="color:#009FB9"] strong:hover:after {
    background-color: rgba(0, 96, 129, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Análises e publicidade de fóruns Forumeiros";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -90px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Analisando o código:

Textos tais como "Gestão administrativa e técnica do fórum" são as descrições de cada grupo, as cores hexadecimais (como #FFFFFF, por exemplo) serão as cores utilizadas.

Espero ter sido útil. Muito feliz

Atenciosamente.
avatar

viniliff
Membro do Fórum

Masculino
Inscrito dia : 04/06/2014
Mensagens : 1710
Pontos Ativos : 2079

Ver perfil do usuário http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Resolvido Re: Mouse - Nome de usuários

Mensagem por Angel' em 24/09/14, 11:08 pm

Não acontece nada... eu sei q tem q ser por ex: a[href="/u2"] ;(

Mas valeew *-*
avatar

Angel'
Nível 5

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

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Mouse - Nome de usuários

Mensagem por Sennior em 24/09/14, 11:28 pm

Saudações,

Analisei o código e descobri, que não deve alterar o "/u".
A senhorita deverá alterar a cor de acordo com a cor do usuario, veja:
Código:
a[href*="/u"] span[style="color:ALTERE AQUI PARA A COR DO MEMBRO"] strong:hover:after {
    background-color: rgba(0, 96, 129, 0.5);
    border-radius: 2px;
    bottom: 15px;
    color: #FFFFFF;
    content: "Análises e publicidade de fóruns Forumeiros";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    left: -90px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

Conseguiu?
Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Mouse - Nome de usuários

Mensagem por Angel' em 25/09/14, 12:25 am

Ainda não =/
avatar

Angel'
Nível 5

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

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

Resolvido Re: Mouse - Nome de usuários

Mensagem por Angel' em 25/09/14, 12:31 am

Consegui por aqui >> http://ajuda.forumeiros.com/t93564-tooltip-nos-grupos-de-usuario

Antes desse código tinha que colocar

Código:
a[href*="/u"] span[style="color:#BFA98E"] strong {
   position:relative;
}


Obrigadaaaaaa ^^
avatar

Angel'
Nível 5

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

Ver perfil do usuário http://rpg-vampire-diaries.forumeiros.com/

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