Problema na imagem de fundo do post

2 participantes

Ir para baixo

Tópico resolvido Problema na imagem de fundo do post

Mensagem por VitorC. 05.06.15 3:18

Olá cara comunidade,

estou com um problema em colocar imagens no fundo dos posts. Como é possível ver aqui: http://hotdesign.forumeiros.com/t1-

O normal do post é sair cinza. Porém, quando eu coloco a imagem ele fica com a cor do fórum.

Até mais. zen
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman 05.06.15 3:33

Poderia me passar o código que o senhor está usando por gentileza?

Até mais!
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por VitorC. 05.06.15 3:38

Olá Shaman,

são exatamente os mesmo do tutorial:

Código:
jQuery(document).ready(function(){
jQuery("div.post:has('.adm')").css('background','url(http://i.imgur.com/Gd04li8.png) repeat-y top right')});
jQuery(document).ready(function(){
jQuery("div.post:has('.mod')").css('background','url(http://i.imgur.com/FlCnlHp.png) repeat-y top right')});
jQuery(document).ready(function(){
jQuery("div.post:has('.designer')").css('background','url(http://i.imgur.com/OjxF3bF.png) repeat-y top right')});
(Investimento: Em todas as páginas)

Código:
<span class="adm">Administrador</span><span class="mod">Moderador</span><span class="designer">Designer</span>

Até mais. zen
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman 05.06.15 3:53

Olá, troque o JavaScript por este:

Código:
jQuery(document).ready(function(){
jQuery("div.post:has('.adm')").css({background: "url(http://i.imgur.com/Gd04li8.png) repeat-y top right", backgroundColor: "#141414"})});
jQuery(document).ready(function(){
jQuery("div.post:has('.mod')").css({background: "url(http://i.imgur.com/FlCnlHp.png) repeat-y top right", backgroundColor: "#141414"})});
jQuery(document).ready(function(){
jQuery("div.post:has('.designer')").css('background','url(http://i.imgur.com/OjxF3bF.png) repeat-y top right')});

Até mais!

#EDIT

Olá, esqueci de concertar o dos designers, pôs bem, ao inves do código acima, troque por este:

Código:
jQuery(document).ready(function(){
jQuery("div.post:has('.adm')").css({background: "url(http://i.imgur.com/Gd04li8.png) repeat-y top right", backgroundColor: "#141414"})});
jQuery(document).ready(function(){
jQuery("div.post:has('.mod')").css({background: "url(http://i.imgur.com/FlCnlHp.png) repeat-y top right", backgroundColor: "#141414"})});
jQuery(document).ready(function(){
jQuery("div.post:has('.designer')").css({background: "url(http://i.imgur.com/OjxF3bF.png) repeat-y top right", backgroundColor: "#141414"})});


Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por VitorC. 05.06.15 4:20

Olá Shaman,

o código funcionou. Mas tem mais uma coisa, por favor acesse esse link: http://hotdesign.forumeiros.com/t1-#4

Acho que é bem visível, mas vou explicar, gostaria que a imagem ficasse alinha-se a margem de baixo.

Até mais. zen
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman 05.06.15 4:33

Olá, troque o JavaScript por este:

Código:
jQuery(document).ready(function(){
jQuery("div.post:has('.adm')").css({background: "url(http://i.imgur.com/Gd04li8.png)", backgroundColor: "#141414", backgroundSize: "100%", backgroundPosition: "right bottom", backgroundRepeat: "no-repeat"})});
jQuery(document).ready(function(){
jQuery("div.post:has('.mod')").css({background: "url(http://i.imgur.com/FlCnlHp.png)", backgroundColor: "#141414", backgroundSize: "100%", backgroundPosition: "right bottom", backgroundRepeat: "no-repeat"})});
jQuery(document).ready(function(){
jQuery("div.post:has('.designer')").css({background: "url(http://i.imgur.com/OjxF3bF.png)", backgroundColor: "#141414", backgroundSize: "100%", backgroundPosition: "right bottom", backgroundRepeat: "no-repeat"})});

Até mais!
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por VitorC. 05.06.15 4:36

Valeu Shaman, você é demais!

Obrigado, fechou!
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman 05.06.15 4:38

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Shaman
Shaman
Super Membro

Membro desde : 30/01/2014
Mensagens : 1787
Pontos : 2448

http://brasilplayvicio.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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