Icones dos moderadores

Detalhes da questão

Endereço do fórum: tatudm.forumeiros.com/forum
Versão do fórum: PhpBB3

Descrição

Como faço para adicionar esses icones de moderadores on, em vez da legenda coloca eles, quando algum staff ta online aparece do lado do nick:

https://i.imgur.com/rFIAHVW.png

@RafaelS. , @MateusAnjosV ou @Harleen ou @VitorC. podem ajuda?

Olá!

Primeiramente, deixe-me lhe dizer que não adianta marcar-nos. Isso não ira influenciar na rapidez do atendimento. Todos os tópicos serão atendidos com ou sem marcação.

Adicione este código a sua folha de estilos:

Código:

p.users_online span[style="color:#2D5913"]:before, p.users_online span[style="color:#BA7702"]:before, p.users_online span[style="color:#FF6600"]:before, p.users_online span[style="color:#2768A1"]:before, p.users_online span[style="color:#DB09C2"]:before, p.users_online span[style="color:#0E0E8C"]:before {
    background: url(http://icons.iconarchive.com/icons/iconshock/real-vista-development/16/admin-privilege-icon.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    content: ' ';
}

Como você não especificou, eu coloquei o ícone para todos os grupos, excepto o grupo "Membros".

Até mais.

Não resultou, eu gostaria nesses grupós aqui Administrador Fundador | Administradores Donos | Owner do Fórum | Moderadores | Administradores Master | Administradores . Uma pergunta, para funcionar precisa deixa os grupos oculto? Se não precisa, como faço para ocultar eles, por algum código, sem precisar ir no grupo.

Olá!

Não, não. Não precisa ocultar nada.
Tem a certeza que não deu certo? Poderia deixar o código ativo no fórum para eu verificar?

Até mais.

Tenho certeza, coloquei o código no final da folha, ele ainda continua ativo na minha CSS. Só uma dúvida os grupos desapareceram automaticamente?

Olá!

Realmente ele está adicionado a sua folha de estilos! Experimente adicionar no topo da folha.

Até mais.

Funcionou, obrigado.

@Edit

Quando eu ocultei os grupos, ele sumiu. tem algum código para oculta sem ele sumir?

E quando vai no perfil de postagem de algum tópico, o icone não aparece, como faço para colocar?

Olá!

Infelizmente não, e vou lhe explicar porquê. Ao ocultar os grupos os nomes dos usuários ficam sem a cor do grupo e logo o código não sabe a quem ele deve adicionar o ícone. Pois o código foi programado para adicionar o ícone a membros com o nome de uma certa cor.

A única hipótese que eu vejo de fazer isso, é especificar 1 por 1. Ou seja, teríamos de colocar o link do perfil de cada membro que fosse moderador, e o código ficaria extremamente longo. Além disso teria de ir alterar no código, sempre que alguém entrasse ou saísse da equipe de moderação de seu fórum.

Mas se pretende mesmo assim, eu posso fazer.

Até mais.

Se você fazer eu agradeço, eu gostaria que colocasse o icone no seguintes perfis:
http://tatudm.forumeiros.com/u14
http://tatudm.forumeiros.com/u1
http://tatudm.forumeiros.com/u18
http://tatudm.forumeiros.com/u29
http://tatudm.forumeiros.com/u24
http://tatudm.forumeiros.com/u46
http://tatudm.forumeiros.com/u47
http://tatudm.forumeiros.com/u19

Uma pergunta, e ao perfil de postagem? Quando entra nele o icone não aparece, e no fórum onde eu fi, ele aparece.

Troque por este código:

Código:

p.users_online a[href="/u1"] span:before, p.users_online a[href="/u14"] span:before, p.users_online a[href="/u18"] span:before, p.users_online a[href="/u24"] span:before, p.users_online a[href="/u29"] span:before, p.users_online a[href="/u46"] span:before  p.users_online a[href="/u47"] span:before, p.users_online a[href="/u19"] span:before,{
    background: url(http://icons.iconarchive.com/icons/iconshock/real-vista-development/16/admin-privilege-icon.png) !important;;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    content: ' ';
}

Quanto a sua pergunta: Você deseja que o ícone também apareça nos tópicos?

Até mais.

Sim, eu quero que ele também apareça nos tópicos

Olá!

Troque por este:

Código:

a[href="/u1"] span:before, a[href="/u14"] span:before, a[href="/u18"] span:before, a[href="/u24"] span:before, a[href="/u29"] span:before, a[href="/u46"] span:before, a[href="/u47"] span:before, a[href="/u19"] span:before {
    background: url(http://icons.iconarchive.com/icons/iconshock/real-vista-development/16/admin-privilege-icon.png) !important;;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    content: ' ';
}

Até mais.

Quando eu ocultei todas os grupos, ele saiu automaticamente, ah e tem esse processo abaixo

quando eu passo o mouse no icone ele aparece um quadro com as informações do moderador, veja print: https://imgur.com/R1VM45T

e no meu fórum isso não está aparecendo, eu queria que aparecesse, tem como?

Olá!

Troque por este:

Código:

a[href="/u1"]:before, a[href="/u14"]:before, a[href="/u18"]:before, a[href="/u24"]:before, a[href="/u29"]:before, a[href="/u46"]:before, a[href="/u47"]:before, a[href="/u19"]:before {
    background: url(http://icons.iconarchive.com/icons/iconshock/real-vista-development/16/admin-privilege-icon.png) !important;;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    content: ' ';
}

Quanto ao outro sistema, já não é relacionado com esta dúvida. Terá de criar outro tópico...

Até mais.

Uma coisa, ficou tipo como se fosse dois icones, como faço para fica tipo 1, a metade do outro icone também saiu, e uma dúvida, enquanto ao outro sistema, poderia me fornecer o nome dele?

Olá!

Troque mais uma vez:

Código:

a[href="/u1"]:before, a[href="/u14"]:before, a[href="/u18"]:before, a[href="/u24"]:before, a[href="/u29"]:before, a[href="/u46"]:before, a[href="/u47"]:before, a[href="/u19"]:before {
    background: url(http://icons.iconarchive.com/icons/iconshock/real-vista-development/16/admin-privilege-icon.png) no-repeat !important;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 4px;
    content: ' ';
}

Até mais.

Obrigado, resolvido.