Efeito de cor no fundo do perfil

5 participantes

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

Tópico resolvido Efeito de cor no fundo do perfil

Mensagem por Joker™ 15.03.12 1:02

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

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Yours'D 15.03.12 1:24

Yours'D

Yours'D
****

Membro desde : 01/01/2012
Mensagens : 227
Pontos : 311

http://vulcanostudios.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ 15.03.12 19:21

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...
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. 15.03.12 19:25

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(https://2img.net/r/ihimizer/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.
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot 15.03.12 19:30

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(https://2img.net/r/ihimizer/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:

Efeito de cor no fundo do perfil Logo Phpbb3
$(function(){$('div.post:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});

Efeito de cor no fundo do perfil Logo Phpbb2
$(function(){$('td.row2:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});

Efeito de cor no fundo do perfil Logo Invision
$(function(){$('.postprofile:has(".nomedorank"), div.postmain:has(".nomedorank")').css('background','url(https://2img.net/r/ihimizer/img809/1979/hjo8.png) repeat-y top right')});

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

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

Abraço.
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Roevs 15.03.12 19:39

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
Roevs

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. 15.03.12 19:48

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

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Roevs 15.03.12 19:50

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

Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot 15.03.12 19:51

MateusV. escreveu:Olá, descobri como o FDF faz, eles usam java script puro, primeiro
Aceda a:
Painel de controleEfeito de cor no fundo do perfil 2479035592Visualização Efeito de cor no fundo do perfil 2479035592Imagens e CoresEfeito de cor no fundo do perfil 2479035592CoresEfeito de cor no fundo do perfil 2479035592Aba 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://2img.net/i/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://2img.net/i/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://2img.net/i/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://2img.net/i/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 - Efeito de cor no fundo do perfil XtFaN
equipefundoArt - Efeito de cor no fundo do perfil 6QFgj
equipefundoMods - Efeito de cor no fundo do perfil OsHYs
equipefundo - Efeito de cor no fundo do perfil Rb9If
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
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ 15.03.12 22:59

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

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot 15.03.12 23:03

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

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


Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ 15.03.12 23:26

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)?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot 15.03.12 23:26

Creio que vai ter que editar Feliz

Até mais.Piscada
Troubleshoot

Troubleshoot
Hiper Membro

Membro desde : 25/09/2011
Mensagens : 2235
Pontos : 3009

http://guiatecnico.ativo-forum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ 16.03.12 18:33

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

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. 18.03.12 21:15

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

Cordialmente. Pesquisando/Em dúvid
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ 19.03.12 9:32

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?
Joker™

Joker™
Membro

Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982

http://tudaki.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. 19.03.12 15:53

Olá, quer a imagem para a esquerda? Então o codigo é este
$(function(){$('div.post:has(".Ajudeiro"), div.postmain:has(".equipefundo")').css('background','url(https://2img.net/r/ihimizer/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
MateusV.

MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

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