Mouse - Nome de usuários

3 participantes

Ir para baixo

Tópico resolvido Mouse - Nome de usuários

Mensagem por Angel' 24.09.14 18:24

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 4:36, editado 1 vez(es)
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Mouse - Nome de usuários

Mensagem por viniliff 25.09.14 0:03

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.
viniliff
viniliff
Super Membro

Membro desde : 04/06/2014
Mensagens : 1711
Pontos : 2076

http://publieiros.forumeiros.com https://twitter.com/ViniliffOficial

Ir para o topo Ir para baixo

Tópico resolvido Re: Mouse - Nome de usuários

Mensagem por Angel' 25.09.14 3:08

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

Mas valeew *-*
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Mouse - Nome de usuários

Mensagem por Sennior 25.09.14 3:28

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Mouse - Nome de usuários

Mensagem por Angel' 25.09.14 4:25

Ainda não =/
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Mouse - Nome de usuários

Mensagem por Angel' 25.09.14 4:31

Consegui por aqui >> https://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 ^^
Angel'
Angel'
**

Membro desde : 07/02/2012
Mensagens : 53
Pontos : 90

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos