Adaptação do código "cor de fundo"

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

Resolvido Adaptação do código "cor de fundo"

Mensagem por ZombieW em 21/03/12, 12:24 pm

Qual é minha questão:
Olá a todos!!

Implementei o código do MateusV. para inserir a cor de fundo.

Funcionou, porém, no meu fórum, o perfil fica do lado esquerdo!!

Preciso de uma adaptação do código, por favor.

Segue o código JavaScript:

Código:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left')});

Obrigado.

Medidas que eu tomei para corrigir o problema:
Olhei vários guias...

Links e imagens do meu problema:

http://i44.servimg.com/u/f44/15/04/49/64/cordef10.jpg

Endereço do meu fórum:
http://tutorialdopw.com

Versão do meu fórum:
PHPBB3
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por iPrompt em 21/03/12, 12:30 pm

Troque por este

Código:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top right')});
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: Adaptação do código "cor de fundo"

Mensagem por ZombieW em 21/03/12, 12:40 pm

Olá @Coper,

Este é código original, o que fará a cor ficar na direita, preciso que ela mantenha-se na esquerda (eu mudei para "left" o final do código), apenas precisava que a imagem ficasse invertida (creio eu).

Sendo assim, inverti a imagem, subi e inseri neste código:

Código:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://i44.servimg.com/u/f44/15/04/49/64/oshys10.png) repeat-y top left')});

Resultou nisso:


http://i44.servimg.com/u/f44/15/04/49/64/cordef11.jpg
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por Josh em 21/03/12, 01:13 pm

Boa tarde ZombieW!

Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript
Crie um novo java script com o investimento selecionado "Nos Tópicos", com o seguinte código:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://img809.imageshack.us/img809/1979/hjo8.png) repeat-y top right')});
Altere o valor em negrito para o nome, exemplo, para os administradores coloque "equipefundoadm", mudando tambem o url da imagem, feito isso, ceda á:
Painel de Controle Seta Usuários Seta Ranks Seta Administração dos Ranks
Clique no ícone " Editar " no rank da administração e adicione o seguinte código no título do mesmo:
<span class="equipefundo">NOME DO RANK</span>
O valor em negrito modificará conforme mudar a parte em vermelha do codigo java script (o primeiro codigo), feito isto, confirme.

Passar bem. zen
avatar

Josh
Membro do Fórum

Inscrito dia : 03/03/2012
Mensagens : 1170
Pontos Ativos : 1512

Ver perfil do usuário

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. em 21/03/12, 01:17 pm

Olá, como desejas que o codigo fique? A esquerda?

Cordialmente. Piscada

Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Secção Js'
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: Adaptação do código "cor de fundo"

Mensagem por ZombieW em 21/03/12, 01:27 pm

@Josh

Isso já foi feito!

@MateusV.

Sim, gostaria que o efeito ficasse a esquerda.

Como eu mostrei antes, na 1ª foto eu mudei o "right" do código para "left", porém a imagem ficou errada.

Sendo assim, eu inverti a imagem e mantive ela na esquerda, mas acho que ficou errada.

Outra coisa, tenho como definir a largura da imagem? Pois, gostaria que ela ficasse até a linha divisória no perfil / mensagem.

Obrigado.
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. em 21/03/12, 01:29 pm

Olá, na verdade o codigo que você usou não esta errado, mas sim sua imagem, veja que ao invés de ela estar com o fundo transparente ela esta com o fundo branco, por isto fica 'errada', terá que modificar a imagem, entende?

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

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por ZombieW em 21/03/12, 01:33 pm

Entendi, agradeço a explicação, irei pedir para alguém que a deixe transparente.

Quanto ao tamanho dela, tem como ser definido pelo código JavaScript?
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. em 21/03/12, 01:37 pm

Olá, há como sim, o codigo é este
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left').css('width', '100px')});

Substitua oque esta em vermelho pelo tamanho desejado em pixels.

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

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por ZombieW em 21/03/12, 01:43 pm

MateusV.,

Esse último comando está a alterar o layout do fórum:

Código:
$(function(){$('div.post:has(".equipefundo"), div.postmain:has(".equipefundo")').css('background','url(http://i.imgur.com/OsHYs.png) repeat-y top left').css('width', '300px')})

Resultado:


http://i44.servimg.com/u/f44/15/04/49/64/cordef12.jpg
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org
  • 0

Resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. em 21/03/12, 01:45 pm

Olá, então neste caso, não será possivel, mesmo colocando uma Class CSS no codigo do rank ainda sim afetaria todo o perfil, lamento.

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: Adaptação do código "cor de fundo"

Mensagem por ZombieW em 21/03/12, 01:46 pm

Ok então, obrigado!

Pode fechar!
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1267
Pontos Ativos : 1790

Ver perfil do usuário http://www.perfectteam.org

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