Code para imagem de fundo da imagem

4 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

  • 0

Tópico resolvido Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 04.02.14 23:44

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


Última edição por :-EraGon-: em 05.02.14 17:19, editado 2 vez(es) (Motivo da edição : Fusão de tópicos!)
:-EraGon-:

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por JScript 05.02.14 0:31

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:
Code para imagem de fundo da imagem XK4Mt8V

Abraços,

JS
JScript

JScript
Super Membro

Membro desde : 15/03/2013
Mensagens : 1449
Pontos : 1901

http://jscript.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 05.02.14 0:38

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

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por Konai 05.02.14 0:56

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! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 05.02.14 12:57

impossivel colocar esse code todo no titulo do rank
:-EraGon-:

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por Shek 05.02.14 13:20

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

Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 18896
Pontos : 22793

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 05.02.14 15:23

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

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por Konai 05.02.14 15:25

:-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? Positivo 

Até! Muito feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 05.02.14 15:58

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

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por Konai 05.02.14 16:09

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! Muito feliz

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. Positivo

Cpainel > Usuários & Grupos > Ranks > Administração dos ranks > Clique no botão Editar 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! Positivo

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! Muito feliz

Até!
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 05.02.14 17:16

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

Code para imagem de fundo da imagem V915tyh
:-EraGon-:

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: 05.02.14 17:19

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;
:-EraGon-:

:-EraGon-:
****

Membro desde : 12/12/2013
Mensagens : 226
Pontos : 416

http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos