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.

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

Até mais!

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.

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'

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.

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!

Valeu Shaman, você é demais!

Obrigado, fechou!