Como coloco isto que achei em outro fórum?

[Nagisa]

Detalhes da questão

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

Descrição

A um tempo atrás tinha isto aqui; https://imgur.com/a/f9997 no fórum que está acima.
Atualmente parece que tiraram, Mas como eu consigo colocar um igual a estes?
Se possível me disponibilizar este código e algumas imagens com cores diferentes para este "efeito" no post.
Aguardo respostas (Não me deixem no vácuo).

[Key of Destiny]

Então, amigo, esses são campos de perfis que foram marcados para aparecerem nas mensagens e terem essas imagens. Você pode criá-los por meio do painel de controle na seção de usuários. Para mais informações, veja esse tópico: [FAQ] Criação e gestão dos perfis.

Ah, você acabou errando no campo de "endereço do fórum". Na verdade, você deveria ter colocado o seu fórum nessa parte.

[Nagisa]

Então, amigo, esses são campos de perfis que foram marcados para aparecerem nas mensagens e terem essas imagens. Você pode criá-los por meio do painel de controle na seção de usuários. Para mais informações, veja esse tópico: [FAQ] Criação e gestão dos perfis.

Não são os campos, É o efeito no post, uma cor sobre o perfil do usuário. O efeito eu digo é esta cor rosada e na outra imagem um pouco marrom.

[Key of Destiny]

Ah sim. Peço perdão pela minha ignorância.

Veja esse tópico: https://ajuda.forumeiros.com/t60625p20-degrade-nos-posts-de-membros-diferenciados#417315.

[GSCode]

Olá, @Nagisca

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

Investimento 'Nos tópicos'.

Código:

    $(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(URL_DA_IMAGEM_DE_FUNDO) repeat-y top left')});

URL_DA_IMAGEM_DE_FUNDO = Link do degradê. 

Logo após siga o caminho:

Painel de Controle  Usuários & Grupos  Ranks  Administração dos ranks

Clique em  no rank que você deseja que apareça o fundo e no titulo do rank coloque:
CÓDIGO: Selecionar conteúdo

Código:

<span class="degrade">NOME DO RANK</span>


Poste o resultado para nós.
Até mais.

[Nagisa]

@GSCode , Bom. Você me deu o código que eu precisava mas saiu um pouco errado.
Segue abaixo uma print de como ficou;
https://i.imgur.com/7eyBimn.png?2

Teria como deixar este efeito dentro do "perfilzinho" que aparece na mensagem ( Aonde tem os campos,avatar e link direto para o perfil)?

[GSCode]

Olá, @Nagisa

É preciso que deixe o código ativo até o fim do suporte.

Até mais. 

[Key of Destiny]

Coloque esse código no topo da sua folha de estilo CSS.

Código:

.postprofile {background: transparent!important}

[Nagisa]

Olá, @Nagisa

É preciso que deixe o código ativo até o fim do suporte.

Até mais. 

Coloquei, perdão.

[Nagisa]

Coloque esse código no topo da sua folha de estilo CSS.

Código:

.postprofile {background: transparent!important}

Após fazer isto a imagem do efeito se estendeu até o "perfilzinho" pórem o inicio dela (imagem) ficou virado para lá >>
Então ficou um corte no meio da mensagem, imagem abaixo;
https://i.imgur.com/M62aCzw.png?1

[GSCode]

Olá, @Nagisa

Sua imagem de degradê está ao contrário. Teste assim que verás que funciona normalmente... Altere o JS passado por esse:

Código:

$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/4tQghQo.png) repeat-y top left')});

Para editar essas imagens na cor desejada, faça um pedido nas Criações Gráficas, clique aqui para criar um pedido.
Posso lhe oferecer minhas propostas de imagem por lá. 
Até mais. 

[Nagisa]

Olá, @Nagisa

Sua imagem de degradê está ao contrário. Teste assim que verás que funciona normalmente... Altere o JS passado por esse:

Código:

$(function(){$('div.post:has(".degrade"), div.postmain:has(".degrade")').css('background','url(http://i.imgur.com/4tQghQo.png) repeat-y top left')});

Para editar essas imagens na cor desejada, faça um pedido nas Criações Gráficas, clique aqui para criar um pedido.
Posso lhe oferecer minhas propostas de imagem por lá. 
Até mais. 

Funcionou! Se eu quisesse estender este efeito até o finalzinho da mensagem como eu pediria lá na área de Criações Gráficas?
Sabe se tem algum tamanho padrão para este tipo de imagem/pedido?

Resultado;
https://i.imgur.com/jp3jITU.png?1

[GSCode]

Olá, @Nagisa

Teria como explicar em formato de print? Selecionando até onde deseja o efeito?
Na seção gráfica, você irá apenas oferecer o link da imagem que deseja alterar as cores, ou seja, uma imagem padrão.

Até mais.

[Nagisa]

Olá, @Nagisa

Teria como explicar em formato de print? Selecionando até onde deseja o efeito?
Na seção gráfica, você irá apenas oferecer o link da imagem que deseja alterar as cores, ou seja, uma imagem padrão.

Até mais.

Seria tipo assim, A cor ficava forte no ínicio (pela esquerda) e indo diminuindo sua opacidade até a direita, igual esta imagem link

Até onde seria o efeito fica no print abaixo
https://i.imgur.com/QiTx0I3.png

Os pontos vermelhos são o começo e fim. Vindo do inicio (esquerda) até o ponto vermelho (na direita).

E sobra a imagem padrão, Qual seria?
A usada atualmente? link . Ai o pessoal que manja em design conseguiria mudar a cor a partir desta imagem?

[GSCode]

Olá, @Nagisa

Minha opinião sincera sobre isso, que ficaria feio... Não faz sentido, ficaria muito estranho. Mas caso deseja, faça um pedido na seção gráfica explicando como quer, eles irão alterar a largura da imagem.

Até mais.

[Nagisa]

Olá, @Nagisa

Minha opinião sincera sobre isso, que ficaria feio... Não faz sentido, ficaria muito estranho. Mas caso deseja, faça um pedido na seção gráfica explicando como quer, eles irão alterar a largura da imagem.

Até mais.

Mas a imagem padrão seria esta que eu citei?

[GSCode]

Olá, @Nagisa

Sim.

Até mais.

[Nagisa]

Muito obrigado @GSCode! Obrigado dado. Tópico resolvido!

[GSCode]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para "Questões resolvidas".