Efeito de cor no fundo do perfil

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

Resolvido Efeito de cor no fundo do perfil

Mensagem por Joker™ em 14/03/12, 10:02 pm

Qual é minha questão:
Minha pergunta já diz tudo né?

Medidas que eu tomei para corrigir o problema:
Nenhuma

Links e imagens do meu problema:


Endereço do meu fórum:


Versão do meu fórum:
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Yours'D em 14/03/12, 10:24 pm

avatar

Yours'D
Nível 9

Masculino
Inscrito dia : 31/12/2011
Mensagens : 227
Pontos Ativos : 311

Ver perfil do usuário http://vulcanostudios.forumeiros.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 15/03/12, 04:21 pm

Ficou meio dificil, não vi uma explicação direita, alem do mais ali é pra todos usuários, eu quero somente para moderadores entre outros. Sabe onde está aqulrlr tutorial que eles comentaram? Andei procurando e não achei...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 15/03/12, 04:25 pm

Olá, Aceda ao seu
Painel de controle Seta Modulos Seta HTML e Java Script Seta Gestão dos codigos java script
:seta2: Crie um novo java script com o "Investimento" marcado "Nos topico", com o seguinte codigo
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});
Edite oque esta em vermelho mudando o nome, exemplo, para os adminitradores coloque "equipefundoadm", mudando tambem o url da imagem, feito isto aceda ao seu
Painel de controle Seta Usuarios e Grupos Seta Ranks Seta Administração dos ranks
:seta2: Clique no botão Editar do Rank aministrador e coloque este codigo
<span class="equipefundo">NOME DO RANK</span>
Esta parte em vermelha mudará conforme mudar a parte em vermelha do codigo java script (o primeiro codigo), feito isto clique em salvar.
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 15/03/12, 04:30 pm

Olá ,
@MateusV. escreveu:
Aceda ao seu
Painel de controle Seta Modulos Seta HTML e Java Script Seta Gestão dos codigos java script
:seta2: Crie um novo java script com o "Investimento" marcado "Nos topico", com o seguinte codigo
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});
Edite oque esta em vermelho mudando o nome, exemplo, para os adminitradores coloque "equipefundoadm", mudando tambem o url da imagem, feito isto aceda ao seu
Painel de controle Seta Usuarios e Grupos Seta Ranks Seta Administração dos ranks
:seta2: Clique no botão Editar do Rank aministrador e coloque este codigo
<span class="equipefundo">NOME DO RANK</span>
Esta parte em vermelha mudará conforme mudar a parte em vermelha do codigo java script (o primeiro codigo), feito isto clique em salvar.
Cordialmente. Café

Eis os códigos Javascript para cada versão:

Phpbb3
$(function(){$('div.post:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});

Phpbb2
$(function(){$('td.row2:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});

Invision
$(function(){$('.postprofile:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});

Infelizmente para PunBB o resultado não foi satisfatório.

Dúvidas ,
:seta2: :seta2:http://ajuda.forumeiros.com/t55271-

Abraço.
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por iPrompt em 15/03/12, 04:39 pm

Alguem poderia me falar aonde tem as url das outras cores ?

Meu fórum que vou dar como premio para alguem ele pego e a versão e Punbb
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 15/03/12, 04:48 pm

Olá Coper, não se coloca o codigo da cor, mas sim o url da imagem
$(function(){$('div.post:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(URL DA IMAGEM) repeat-y top right')});
Coloque-a onde esta em vermelho..
Cordialmente. Feliz
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por iPrompt em 15/03/12, 04:50 pm

Eu sei mateus eu pedi as url das outras cores tipo algum tópico que tenha todas as url das imagens
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 15/03/12, 04:51 pm

@MateusV. escreveu:Olá, descobri como o FDF faz, eles usam java script puro, primeiro
Aceda a:
Painel de controleVisualização Imagens e CoresCoresAba Folha CSS.
Cole o codigo abaixo e salve.
Código:
equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}.post.equipefundoMods{background-image:url(http://i.imgur.com/OsHYs.png);background-repeat:repeat-y}.post.equipefundoArt{background-image:url(http://i.imgur.com/6QFgj.png);background-repeat:repeat-y}.post.equipefundoAju{background-image:url(http://i.imgur.com/XtFaN.png);background-repeat:repeat-y}.post.online.equipefundo{background-image:url(http://illiweb.com/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/Rb9If.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoMods{background-image:url(http://illiweb.com/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/OsHYs.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoArt{background-image:url(http://illiweb.com/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/6QFgj.png);background-repeat:no-repeat,repeat-y}.post.online.equipefundoAju{background-image:url(http://illiweb.com/fa/prosilver/icon_user_online_en.png),url(http://i.imgur.com/XtFaN.png);background-repeat:no-repeat,repeat-y}


Feito isto Crie um nova java script ou edite a antigo adicionando este codigo no lugar, com o investimento marcado nos topicos, o codigo vai ser este
jQuery(document).ready(function(){e=document.getElementsByTagName('span');for(i=0;i<e.length;i++){p=e.className;n=e[i].parentNode.previousSibling;if(p=='equipefundo'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundo'}if(p=='equipefundoMods'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoMods'}if(p=='equipefundoArt'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoArt'}if(p=='equipefundoAju'){n.parentNode.parentNode.parentNode.parentNode.className+=' equipefundoAju'}}});


Depois aceda á adminitração dos ranks, e clique no botão Editar para edita-los, no nome coloque este codigo
<span class="equipefundo">NOME DO RANK</span>
Veja que no codigo java eu deixei em negrito as tags que serão os comandos, para dizer qual imagem vai ficar, então no rank de adminitrador coloque este equipefundo, no lugar do que esta marcado em vermelho no codigo do rank, veja aqui os demais comandos.
equipefundoAju -
equipefundoArt -
equipefundoMods -
equipefundo -
Onde adicionará estes comandos?
Aqui onde esta marcado em vermelho
<span class="equipefundo">NOME DO RANK</span>
Substitua o "equipefundo" pelo nome do comando que deseja para cada rank, entende?
[i]Cordialmente.
Café

Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 15/03/12, 07:59 pm

Esse código "<span class="equipefundo">NOME DO RANK</span>" eu coloco na parte do nome do rank né? né na imagem não certo?

E pode ser um tipo esse:
Código:
$(function(){$('div.post:has(".Ajudeiro"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/
  • 0

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 15/03/12, 08:03 pm

No caso este código
Código:
<span class="equipefundo">NOME DO RANK</span>

Tem que ser aqui : "Título do Rank"


Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 15/03/12, 08:26 pm

Obrigado! Funcionou direitinho, mas eu tenho uma dúvida! Aqui o fundo que não é colorido ficou transparente! Tem como resolver isso ou é só editando a imagem para ter fundo branco(cor normal do fórum)?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/
  • 0

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 15/03/12, 08:26 pm

Creio que vai ter que editar Feliz

Até mais.Piscada
avatar

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2201
Pontos Ativos : 2944

Ver perfil do usuário http://guiatecnico.ativo-forum.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 16/03/12, 03:33 pm

Obs eu tentei e não deu certo, tem que ter outra maneira, alguém sabe qual é?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 18/03/12, 06:15 pm

Olá, qual a versão de seu forum?

Cordialmente. Pesquisando/Em dúvid
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 19/03/12, 06:32 am

PhpBB3. Obs eu consegui ajeitar, só tive que por um fundo branco atrás...
Mas por exemplo se eu quiser por a imagem comecando debaixo para cima? tenho que girar a imagem? Por algum código? Ou Fazer os dois?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 19/03/12, 12:53 pm

Olá, quer a imagem para a esquerda? Então o codigo é este
$(function(){$('div.post:has(".Ajudeiro"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top left')});

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Melhores cumprimentos,
MateusV. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

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