Emblemas no grupos

Detalhes da questão

Endereço do fórum: http://redeobscure.forumeiros.com
Versão do fórum: ModernBB

Descrição

Queria saber como faço para por emblemas nos antes do nome do grupo, tipo um escudo e etc

Olá, @PauloVinicios1755.

Primeiro, esse código você vai colocar na sua folha de CSS. É o clássico caminho: Painel administrativo Visualização Cores Folha de CSS;

O código que você vai usar tem a seguinte estrutura:

Código:

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

Um exemplo bem espalhafatoso para mostrar como fica o código:

Código:

a[href="/g11-moderador-gc"]:before {
    content: url('https://2img.net/i.imgur.com/4LJgdw6.png');
}

Esse código alteraria o ícone do grupo "Moderador GC". Você vai precisar de uma peça desse código para cada grupo que você tem. Por tanto, eu sugiro que você use um código com a seguinte estrutura:

Código:


/* INÍCIO ÍCONES ANTES DO NOME DOS GRUPOS */

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

a[href="LINK DO GRUPO ALTERADO AQUI"]:before {
    content: url('LINK DA IMAGEM AQUI');
}

/* FIM ÍCONES ANTES DO NOME DOS GRUPOS */


Isso vai manter o seu CSS organizado, com o código do ícone dos seus 13 grupos bem separados. Não recomendo que use javascript para esses fins pois ele deixará o seu fórum mais pesado desnecessariamente, então estou te passando uma solução em CSS.

Se essa mensagem te ajudou, marque ela como "Obrigado(a)" (o botão de joinha acima da mensagem).

Atenciosamente,
Lobs

irei olhar e te mandarei uma mensagem!

Bom dia.

Talvez, queira visitar este FAQ também: https://ajuda.forumeiros.com/t9077-faq-administracao-dos-ranks

Até mais.

uma coisa, teria como remover os  "[]" da legenda dos grupos? e aumentar o nome dos grupos

Olá!

Você tentou as indicações deste tópico https://ajuda.forumeiros.com/t113606-mudar-legenda-de-grupos ?

PauloVinicios1755 escreveu:uma coisa, teria como remover os  "[]" da legenda dos grupos? e aumentar o nome dos grupos

Veja o tópico que o @Shek te indicou. O código que eu elaborei para você solucionou sua questão sobre os emblemas nos grupos? Se sim, clique no botão para marcar como a solução adequada para a dúvida sobre os emblemas, descrita no tópico.

Visitei o seu fórum e constatei que obteve sucesso quanto à questão que interpôs neste tópico. Para a sua questão diferente sobre aumentar o nome dos grupos, por gentileza, crie um novo tópico para que seja fornecido o suporte necessário.

Tópico resolvido Movido para "Questões resolvidas".