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

4 participantes

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

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

Mensagem por ZombieW 21.03.12 15:24

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:
Adaptação do código "cor de fundo" Cordef10
https://i.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
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por Roevs 21.03.12 15:30

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

Mensagem por ZombieW 21.03.12 15:40

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:

Adaptação do código "cor de fundo" Cordef11
https://i.servimg.com/u/f44/15/04/49/64/cordef11.jpg
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por Josh 21.03.12 16:13

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

Josh
Super Membro

Membro desde : 03/03/2012
Mensagens : 1170
Pontos : 1512

Ir para o topo Ir para baixo

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. 21.03.12 16:17

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

Mensagem por ZombieW 21.03.12 16:27

@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.
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. 21.03.12 16:29

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

Mensagem por ZombieW 21.03.12 16:33

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?
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. 21.03.12 16:37

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

Substitua oque esta em vermelho pelo tamanho desejado em pixels.

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

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por ZombieW 21.03.12 16:43

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:

Adaptação do código "cor de fundo" Cordef12
https://i.servimg.com/u/f44/15/04/49/64/cordef12.jpg
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Adaptação do código "cor de fundo"

Mensagem por MateusV. 21.03.12 16:45

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

Mensagem por ZombieW 21.03.12 16:46

Ok então, obrigado!

Pode fechar!
ZombieW

ZombieW
Super Membro

Membro desde : 02/08/2010
Mensagens : 1452
Pontos : 2020

http://www.perfectteam.org

Ir para o topo Ir para baixo

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


Permissões neste sub-fórum
Não podes responder a tópicos