Personalizar grupos do fórum

[Skyter F. Karlaio]

Detalhes da questão

Endereço do fórum: http://rpg-ilvermorny.forumeiros.com/
Versão do fórum: PunBB

Descrição

Não sei se vocês irão entender o que quero, mas vou contar uma historinha...
Tem uma designer do meu fórum que está inativa e tal, e quero mexer em algo que só ela sabe, que é um tipo diferente de grupos dessa skin.
Situação:
Você cria o grupo no painel de controle, mas não aparece no fórum, colocando a skin, já vem com uns tipos de "grupos" ali em que você deve editar de alguma maneira, olha a imagem:
https://i.imgur.com/xdzlI4x.png
Não criei um grupo chamado "Ambientizacion", devo editar algo... Vocês podem me ajudar?

Grato.

[Harleen]

Não criei um grupo chamado "Ambientizacion", devo editar algo... Vocês podem me ajudar?

Olá, sim você tem que editar no template index_body
Painel de controle > Visualização > Templates > Geral..

Dentro do template deve ter algo parecido com esse código

Código:

<div id="esta-b2">
<div id="esta-tit">Grupos</div>
<div id="esta-cont"><a href="link del grupo">
<div id="grup1"><div id="g1">ambientación</div></div></a><a href="link del grupo">
<div id="grup2"><div id="g2">sobreviviente</div></div></a><a href="link del grupo">
<div id="grup3"><div id="g3">infectado</div></div></a><a href="link del grupo">
<div id="grup4"><div id="g4">nomada</div></div></a><a href="link del grupo">
<div id="grup5"><div id="g5">el grupo</div></div></a><a href="link del grupo">
<div id="grup6"><div id="g6">inactivos</div></div></a>
</div>
</div>

vá editando esses espaços, por exemplo, no lugar de ambientación mude para administradores e em link del grupo vá no meu grupos e veja a url correnpondente... saiba mais nessa FAQ sobre grupos. caso tenha dúvida, poste o nome dos grupos aqui.

Até mais

[Skyter F. Karlaio]

Entendi e consegui por aqui, mas você pode me dizer também como mudar as cores?

[Harleen]

Na folha de estilo CSS procure os grupos e altere o background

Por exemplo o 1º grupo

Código:

#grup1 {
    background: #6b524e;
}

alterei para o amarelo

Código:

#grup1 {
    background: #0000FF;
}

e vá alterando pelas cores que deseja...

Até mais

[Skyter F. Karlaio]

Funcionou! Grato! Uma última dúvida, como faço para adicionar mais grupos como esses aí?

[Cream]

Olá autor,

Basta adicionar mais uma linha deste tipo no seu template, indicado por @Harleen:

<div id="grupX"><div id="gX">NOME</div></div></a><a href="LINK">

Você trocará o "X" pelo número (ID) do grupo. No CSS, basta editar o ID também do grupo, por exemplo:

#grupX{
background: #6b524e;
}

Onde "X" como já dito, é o ID do grupo.

Até mais!

[Skyter F. Karlaio]

Não deu certo...

[Harleen]

Para que os novos grupos tenha efeito você deve adicionar os id's nas outras partes do CSS veja o exemplo nas imagens

[Kyo Panda]

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema. Tópico marcado como Resolvido e movido para Questões resolvidas.