Problema na imagem de fundo do post

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

Resolvido Problema na imagem de fundo do post

Mensagem por VitorC. em 04/06/15, 11:18 pm

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
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman em 04/06/15, 11:33 pm

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

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Problema na imagem de fundo do post

Mensagem por VitorC. em 04/06/15, 11:38 pm

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
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman em 04/06/15, 11:53 pm

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'
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Problema na imagem de fundo do post

Mensagem por VitorC. em 05/06/15, 12:20 am

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
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman em 05/06/15, 12:33 am

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!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Problema na imagem de fundo do post

Mensagem por VitorC. em 05/06/15, 12:36 am

Valeu Shaman, você é demais!

Obrigado, fechou!
avatar

VitorC.
Super usuário

Masculino
Inscrito dia : 22/02/2012
Mensagens : 3792
Pontos Ativos : 4932

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

Resolvido Re: Problema na imagem de fundo do post

Mensagem por Shaman em 05/06/15, 12:38 am

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

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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