Code para imagem de fundo da imagem

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

  • 0

Resolvido Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 04/02/14, 09:44 pm

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, 03:19 pm, editado 2 vez(es) (Razão : Fusão de tópicos!)
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por JScript em 04/02/14, 10:31 pm

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
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/
  • 0

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 04/02/14, 10:38 pm

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

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por Gaaratsu em 04/02/14, 10:56 pm

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
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/
  • 0

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 05/02/14, 10:57 am

impossivel colocar esse code todo no titulo do rank
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por Shek em 05/02/14, 11:20 am

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 CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17165
Pontos Ativos : 21420

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif
  • 0

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 05/02/14, 01:23 pm

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
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por Gaaratsu em 05/02/14, 01:25 pm

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

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/
  • 0

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 05/02/14, 01:58 pm

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

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por Gaaratsu em 05/02/14, 02:09 pm

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é!
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/
  • 0

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 05/02/14, 03:16 pm

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

avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP
  • 0

Resolvido Re: Code para imagem de fundo da imagem

Mensagem por :-EraGon-: em 05/02/14, 03:19 pm

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;
avatar

:-EraGon-:
Nível 9

Masculino
Inscrito dia : 12/12/2013
Mensagens : 224
Pontos Ativos : 414

Ver perfil do usuário http://suporteparaforuns.forumeiros.com https://www.facebook.com/facebook.com/hilterhp https://twitter.com/@HilterHP

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum