Degradê do staff

Qual é minha questão:
Bom,gostaria de saber como acrescento cores de fundo em certa parte das mensagens ou do perfil do usuário.Trouxe uma imagem para descrever melhor o que quero.A parte que risquei de vermelha é a parte onde quero aprender a fazer.


Links e imagens do meu problema:
https://i.imgur.com/FrRgj.png

Endereço do meu fórum:
http://bperfectlife.forumeiros.com

Versão do meu fórum:
PHPBB3

Bom dia!

Siga os passos do seguinte tópico: https://ajuda.forumeiros.com/t55499-

Atenciosamente,
Shek

Shek,eu tive dúvidas,pois o que aconteceu foi que meus ranks tem efeitos,o título deles tem efeitos...São coloridos com neon,e se eu quisesse por este fundo,teria que retirar os efeitos,coisa que não quero fazer...Há outro forma?

Depende. Você poderia me passar o código do nome dos ranks?

Sim,aqui está um exemplo:

<font color=#0EC994>→ Helper</font>

Não quero retirar a cor,pois ainda irei por efeito,se for usar da forma indicada no tópico terei de retirar a cor e o efeito.

Boa tarde!

Use este código no lugar e veja se resulta:

<span class="equipefundo"><font color=#0EC994>→ Helper</font></span>

Lembre-se de modificá-lo.

Não resultou

Painel de Controle>Módulos>Gestão dos códigos JavaScript

Em Habilitar o gerenciamento dos códigos JavaScript marca sim.

Salvar.

Se não da tu tem que colocar o Js do tutorial.

Olá,
Começe do zero e faça os passos abaixo, dará tudo certo se seguir como o indicado e indo editando o código ao decorrer do pequeno tutorial abaixo.


Cpainel > Módulos > HTML e JS > Criar uma página JS > e em Investimento, marque "Nos tópicos" e cole esse código (não modifique-o):

Código:

$(function(){$('.staffermember').closest('.post').addClass('staffermember')});

Agora, em Cpainel > Usuários e Grupos > Ranks > Administração dos ranks > Clique no rank desejado e troque o nome do rank por esse código, e modifique somente o trecho que está em vermelho:

Código:

<b><span class="staffermember" style="color:COR_DO_GRUPO">NOME_DO_GRUPO</span></b>

No terceiro e último passo, vamos usar o CSS:

Código:

div.post.online.staffermember, div.post.staffermember {
        background-image: url("LINK_DA_IMAGEM_DO_DEGRADE") !important;
        background-position: right bottom;
        background-repeat: no-repeat;
    }

Veja se resulta.

Se o senhor quiser mudar a imagem para outro rank, o senhor deve mudar os valores "staffermember". Por exemplo, se for para os Moderadores, basta colocar staffermember2.

Abraços!

Não funcionou,seguindo passo a passo.

Opa,funcionou do jeito do Shek.Poderiam me passar mais imagens de fundos?Gostaria de um verde claro,azul e vermelho.

Stuart Ret escreveu:Opa,funcionou do jeito do Shek.Poderiam me passar mais imagens de fundos?Gostaria de um verde claro,azul e vermelho.

Olá!

Faça pedido das imagens na área gráfica.

Abraços.

Valeu MateusV.,andei olhando a explicação nos seus tópicos e achei excelente.Pode trancar aqui!