Code para imagem de fundo da imagem

Qual é minha questão:
Olá, poderiam me ajudar com essa questão ?

Eu adicionei um code que edita a cor de imagem de fundo de um usuário especifico, e depois quis adicionar uma imagem de fundo, igual os Staff do fórum, só que o code não funcionou.

:-EraGon-: escreveu:Code adicionado no JScript

Código:

jQuery(document).ready(function(){
jQuery(".postprofile:has('.Supremo')").css('background','url(http://i.imgur.com/XtFaN.png) repeat-y top right')});


Adicionado no titulo do rank:

Código:

<span class="equipefundosupremo">Supremo</span>


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

Versão do fórum:
PHPBB3

Olá amigo!

Nota: Juntei seu último tópico com o primeiro, evite posts seguidos ok?

---

O código não funcionou pois além do seletor ser diferente, não estava atingindo o parent correto! Utilize o código abaixo:

Código:


jQuery(document).ready(function(){
    jQuery(".postprofile:has('.equipefundosupremo')").parent().parent().css('background','url(http://i.imgur.com/XtFaN.png) repeat-y top right');
});


Resultado:


Abraços,

JS

Por que o outro lado ficou branco em vez da cor que eu coloquei ?

Saudações!

Autor, vou apresentá-lo outro meio de degradê, mas peço que o senhor remova todos os códigos indicados acima.

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 :editar:e troque o nome do rank por esse código, e modifique somente o trecho que está em vermelho:

<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("http://i.imgur.com/XtFaN.png") !important; background-position: right top;
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.

Cordiais saudações!

impossivel colocar esse code todo no titulo do rank

Bom dia!

Você vai colocar apenas este código:

Código:

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

Dokyo escreveu: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:

Até mais!

Não vai, todo o code <b><span class="staffermember" style="color:COR_DO_GRUPO">NOME_DO_GRUPO</span></b>

so fica:

<b><span class="staffermember" style="color:CO

o resto não cabe

:-EraGon-: escreveu:Não vai, todo o code <b><span class="staffermember" style="color:COR_DO_GRUPO">NOME_DO_GRUPO</span></b>

so fica:

<b><span class="staffermember" style="color:CO

o resto não cabe

Autor, o senhor deve colocar o código indicado no nome do rank ao invés de qualquer coisa, ou seja, se houver algo no nome do rank além do código, exclua e adicione apenas o código, ok?  

Até!

e pra colocar no rank ou grupo ? '-' no code ta falando COR_DO_GRUPO e tão dizendo que é no rank

Dokyo escreveu:Saudações!

Autor, vou apresentá-lo outro meio de degradê, mas peço que o senhor remova todos os códigos indicados acima.

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 :editar:e troque o nome do rank por esse código, e modifique somente o trecho que está em vermelho:

<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("http://i.imgur.com/XtFaN.png") !important; background-position: right top;
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.

Cordiais saudações!

Vamos lá autor, irei lhe ajudar!

Veja este código:

Código:

[quote][color=darkblue][b]<b><span class="staffermember" style="color:[/b][/color][b][color=red]COR_DO_GRUPO[/color]">[color=red]NOME_DO_GRUPO[/color][color=darkblue]</span></b>[/color][/b][/quote]

Onde está escrito "COR_DO_GRUPO", iremos colocar a cor do grupo que o senhor deseja o efeito, porém a cor deve ser em hexadecimal, como por exemplo: #000000 que seria preto ou #ffffff que seria branco, só que devemos pegar a cor em hexadecimal do grupo exatamente como você selecionou na gestão das cores.
O grupo de "Corregedoria" por exemplo, em hexadecimal, a cor deste grupo é exatamente: #000000 que no caso é a cor preta.
Já onde está escrito "NOME_DO_GRUPO", iremos colocar o nome do grupo, que no caso farei o exemplo com o grupo de "Corregedoria".
OBSERVAÇÃO: Coloquei as palavras destacadas em negrito e entre aspas para que o senhor não se perca.

Cpainel > Usuários & Grupos > Ranks > Administração dos ranks > Clique no botão do rank de Corregedoria ou crie o rank caso não o tenha. O código deste grupo no rank será:

Código:

<b><span class="staffermember" style="color:#000000">Corregedoria</span></b>

Conclua salvando o rank!

Mas, para o background funcionar, é necessário que o senhor tenha criado o JavaScript e adicionado o CSS na tua folha de estilos!

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')});

Cpainel > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e cole esse código:

Código:

div.post.online.staffermember, div.post.staffermember {
background-image: url(http://i.imgur.com/XtFaN.png) !important; background-position: right top;
background-repeat: no-repeat;
}

Por fim, salve!

Até!

Ficou assim, apenas uma pequena parte em cima como mostra a seta

ah já resolvi... mudei uma coisa no code em vez de

Código:

position: right top;
background-repeat: no-repeat;

Eu coloquei

Código:

position: right top;
background-repeat: repeat-y;