Efeito de cor no fundo do perfil

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

Atendido / Resolvido Efeito de cor no fundo do perfil

Mensagem por Joker™ em 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™
Usuário destaque

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Yours'D em 15.03.12 1:24

Yours'D

Yours'D
Nível 9

Masculino
Inscrito dia : 01/01/2012
Mensagens : 227
Pontos Ativos : 311

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 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™
Usuário destaque

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 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://redcdn.net/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.
Principal contribuidor
Principal contribuidor

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 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://redcdn.net/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://redcdn.net/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://redcdn.net/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://redcdn.net/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
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2229
Pontos Ativos : 2991

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por AquilesD. em 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


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5702
Pontos Ativos : 7317

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 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.
Principal contribuidor
Principal contribuidor

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por AquilesD. em 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


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
AquilesD.

AquilesD.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5702
Pontos Ativos : 7317

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 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://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 - 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
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2229
Pontos Ativos : 2991

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 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™
Usuário destaque

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 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
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2229
Pontos Ativos : 2991

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 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™
Usuário destaque

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Troubleshoot em 15.03.12 23:26

Creio que vai ter que editar Feliz

Até mais.Piscada
Troubleshoot

Troubleshoot
Usuário experiente

Masculino
Inscrito dia : 25/09/2011
Mensagens : 2229
Pontos Ativos : 2991

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 16.03.12 18:33

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

Joker™
Usuário destaque

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 18.03.12 21:15

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

Cordialmente. Pesquisando/Em dúvid
MateusV.

MateusV.
Principal contribuidor
Principal contribuidor

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por Joker™ em 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™
Usuário destaque

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

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

Atendido / Resolvido Re: Efeito de cor no fundo do perfil

Mensagem por MateusV. em 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://redcdn.net/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.
Principal contribuidor
Principal contribuidor

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

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

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


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