Aplicar efeitos à usuários coloridos

[Bruno_Michael]

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome, Outro
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://forumyoutubers.forumeiros.com/

Descrição do problema

Bom eu tenho um codigo que quando passa o mouse em cima do grupo aparecer uma mensagem com uma cor de fundo eu queria a mesma coisa mas para aparecer quando passa o mouse em cima do usuario que esta naquele grupo

PS nao entendi muito esse fórmulario se estiver errado avise

[Shek]

Bom dia!

Acesse Visualização > Imagens e Cores > Cores > Folha de estilos CSS > e adicione este código:

a[href*="/u"] span[style="color: #FFFFFF"] strong:after{
Propriedades;
}

No valor #FFFFFF coloque a cor correta do grupo de acordo com o que está no seu Painel de controle no gerenciamento dos grupos.

Até mais!

[Bruno_Michael]

Propriedades;


Seria o efeito ? Poderia da um exemplo?

[Shek]

Boa tarde!

Por favor, não use formatações coloridas em suas mensagens, pois, não é permitido por nosso regulamento. Obrigado.

Sobre sua dúvida, sim, a "propriedade" são os efeitos que o código terá. Por exemplo, como é citado neste tópico: https://ajuda.forumeiros.com/t86027-elaborar-um-codigo-css

[Bruno_Michael]

Não funcionou eu fiz desse jeito vendo o tutorial .

Código:

a[href*="/u1"] span[style="color: #E600E6"] strong:after{
    border-radius: 2px;
    bottom: 15px;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    position: absolute;
}

[Shek]

Mas, é um usuário específico ou para todos os usuários do grupo? Eu entendi dizer na sua primeira mensagem que seria quando passa o mouse por cima do nome do usuário que está no grupo, tal informação aparecer. Se não for, então, você deve usar este código:

Código:

a[href*="/u1"] {
    border-radius: 2px;
    bottom: 15px;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    position: absolute;
}

[Bruno_Michael]

Esta observando o meu css e vir que tinha a opção de colocar no grupo e nos usuarios dos grupos , mas ele não funciona nos usuários so no grupos

Código:

#main-content > p > em > b > a[class="gensmall"][href^="/g7"],
a[href^="/u"] span[style^="#FF00C4"] strong {
  position: relative
}
#main-content > p > em > b > a[class="gensmall"][href^="/g7-"]:hover:after,
a[href^="/u"] span[style*="#FF00C4"] strong:hover:after {
    background-color: #FF00C4;
    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: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}
#main-content > p > em > b > a[class="gensmall"][href^="/g7-"]:hover:after,
a[href^="/u"] span[style*="#FF00C4"] strong:hover:after {
    background-color: #FF00C4;
    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: -60px;
    padding: 3px;
    position: absolute;
    white-space: nowrap;
    z-index: 1;
}

[Shek]

Troque o código que lhe passei anteriormente por:

Código:

a[href="/u1"] {
    border-radius: 2px;
    bottom: 15px;
    content: "Administrador do Fórum";
    display: inline-block;
    font-size: 10px;
    font-style: normal;
    position: absolute;
}

[Bruno_Michael]

Este codigo bugou a estrutura do fórum

[Shek]

Por favor, me mostre uma printscreen do problema que ocorreu, pois, o código só se aplica ao usuário 1.

[Shaman]

Olá, pesquisando achei este tópico e vi que o membro ficou satisfeito com a resposta do Sennior, tente e ve se o ajuda: https://ajuda.forumeiros.com/t95720-efeito-hover-em-nome-de-usuarios-pertencentes-a-um-grupo

Código:

a[href*="/u"] span[style="color:#FF0000"] strong {
position: relative;
}
a[href*="/u"] span[style="color:#FF0000"] strong:hover:after {
background-color: rgba(130,93,0,0.5);
border-radius: 5px;
bottom: 15px;
color: #fff;
content: "Suporte no atendimento aos usuários";
display: inline-block;
font-size: 10px;
font-style: normal;
font-weight: 700;
left: -70px;
padding: 2px;
position: absolute;
white-space: nowrap;
z-index: 1;
}

Onde esta a cor "#FF0000" deverá alterar pela cor relacionada ao grupo.
Exemplo para o grupo de Colaboradores do teu fórum, basta pegar a cor do grupo e alterar:


LucaS [],

[Bruno_Michael]

Obrigado   Shek  e  LucaS Carvalho.