Cores na parte direita

Qual é minha questão:
Quando um membro de um dos grupos do ajuda.forumeiros posta uma mensagem, a cor correspondente ao grupo fica na parte direita cobrindo 1/3 da página. Como fazer isso?

Endereço do meu fórum:
http://foge.forum-livre.com

Versão do fórum:
PHPBB3

Olá,

Desculpe, não pude compreender sua dúvida, poderia ser mais especifico?

Até mais.

Saudações!

Queira checar por gentileza:
[TUTORIAL] Imagens nas postagens
Degrade nos posts de membros diferenciados

Atenciosamente!

Essa imagem pode ajudar a explicar o que desejo:
https://i.imgur.com/S23nQSt.jpg

Dokyo escreveu:Saudações!

Queira checar por gentileza:
[TUTORIAL] Imagens nas postagens
Degrade nos posts de membros diferenciados

Atenciosamente!

Olá novamente!

O senhor leu a minha mensagem anterior querido?

Todavia, lhe forneço outro link de um tópico resolvido:
Efeito de cor no fundo do perfil

Atenciosamente!

Oi Dókyo, agradeço a ajuda, mas não consegui.

Olá,

Terá de alterar o nome do rank do staffer, para isto:
Painel de Controle Usuários Ranks Administração dos Ranks

Código:

<span class="staff-mod">AQUI-DIGITE-O-NOME-DO-RANK</span>

Logo após, deverá criar um novo código javascript:
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript

Código:

jQuery(document).ready(function(){
jQuery("div.post:has('.nomedorank')").css('background','url(URL_DA_IMAGEM) repeat-y top right')});

No código procure por 'URL_DA_IMAGEM', troque pelo url da imagem á ficar no fundo do post.

Exemplos:





Cordialmente,
Crazy.

Olá Crazy,

Também não deu certo.

Saudações!

Tenho aqui uma proposta que funcionará perfeitamente!

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >> Procure pela opção "Habilitar o gerenciamento dos códigos JavaScript" e marque "Sim" >> Clique em () Criar um novo JavaScript 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 Painel de Controle >> Usuários e Grupos >> Ranks >> Administração dos ranks >> Clique no botão ()  do rank desejado e modifique somente dois trechos:

Código:

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

Modifique o trecho corresponde à "COR_DO_GRUPO" sem aspas para a cor em hexadecimal do grupo.
Modifique o trecho corresponde à "NOME_DO_GRUPO" sem aspas para o nome do grupo que você acabou de pegar a cor em hexadecimal.

No terceiro e último passo, vamos usar o CSS e para adiciona-lo, siga: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Adicione este código no inicio da tua CSS:

Código:

div.post.online.staffermember, div.post.staffermember {
    background-image: url("http://2img.net/i/fa/optimisation_fdf/fr/bg_post_staff.png") !important;
    background-position: right bottom;
    background-repeat: no-repeat;
}

Salve e veja se resulta!

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

Cordialmente!

Olá,

Senhor, caso nenhum dos códigos passo acima resulta, poderia retirar o seu fórum da manutenção?


Até mais.

Consegui Dokyo, obrigado:positivo: