Efeito degradê nas mensagens

Detalhes da questão

Endereço do fórum: http://viciadosdelphi.forumbrasil.net/
Versão do fórum: PunBB

Descrição

ola!
vi este tópico:
https://ajuda.forumeiros.com/t61132-tutorial-imagem-nas-postagens

e fiz tudo como esta descrito, no entanto não funcionou.

código js q estou usando:

Código:


jQuery(document).ready(function(){
jQuery(".post:has('Administrador')").css('background','url(http://i.imgur.com/XtFaN.png) repeat-y top right')});


titulo do rank:

Código:


<span class=Administrador>Administrador</span>


Gostaria que alguem me esclarecesse onde estou errando. ^^
Desde já obrigado.

Olá,
Altere o titulo do rank para este.

Código:

<span class=Administrador>Adminsitrador</span>

Atenciosamente,
Podolski

a sim digitei errado ali, mas la ja tava certo, porem sem resultado

Troque seu Código JavaScript por este.

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')});;

Titulo do rank

Código:

<span class="equipefundo">NOME DO RANK</span>

Atenciosamente,
Podolski

Repare que nos códigos que me enviou, o "equipefundo" estao ecritos diferente;
mas testei desta forma e removendo os . do codigo JS em ambos equipefundo;
ainda n obtive o resultado.

Olá,
Adicione com o Ponto mesmo.

Atenciosamente,
Podolski

ok, mas tambem n da nada. nao altera nada.
ctrl c / ctrl v so mudei o NOME DO RANK

Tente desativar algum JavaScript, pode ocasionar de dar conflitos no JavaScritp, Vai desativando um por um.

Atenciosamente,
Podolski

Eu desativei todos os JS que tenho na parte de investimentos, exceto este em questao;
Mas nada ate entao

Tente adicionar este código em sua folha de Estilo CSS.
Uma pergunta, já verificou se esta Habilitado os JavaScript?

Código:

 #p12 {height:380px!important;}
        #ptrafic_open {margin-top:30px;}

Atenciosamente.

Sim, Código JS esta habilitado;
Codigo adicionado ao css mas sem resultado

Racki escreveu:

Olá acessando seu fórum percebi que o titulo do rank está assim:

Código:

<span class="equipefundo">Administrador</span>

A imagem que está sendo interpretada é essa: https://2img.net/r/ihimizer/img809/1979/hjo8.png
(endereço que não existe).

O correto seria:
Trocar seu JS por:

Código:


jQuery(document).ready(function(){
jQuery(".post:has('.equipefundo')").css('background','url(http://i.imgur.com/XtFaN.png) repeat-y top right')});


Também observei que no seu css há uma linha que está sendo atribuído uma importância que prejudica o funcionamento do jquery.

Para resolver isso procure no seu css por:
.pun .post

Você encontrará algo igual ao código abaixo:

Código:

.pun .paged-foot, .pun .paged-head, .pun .post, .pun .posthead, .pun .postmain, .tcl {
    -moz-box-shadow: inset rgba(0,0,0,0.4) 0 1px 5px;
    -webkit-box-shadow: inset rgba(0,0,0,0.4) 0 1px 5px;
    background: #181818 !important;
    border: 1px solid #282828 !important;
    border-bottom: 1px solid #343434;
    box-shadow: inset rgba(0,0,0,0.4) 0 1px 5px;
}

troque por:

Código:

.pun .paged-foot, .pun .paged-head, .pun .post, .pun .posthead, .pun .postmain, .tcl {
    -moz-box-shadow: inset rgba(0,0,0,0.4) 0 1px 5px;
    -webkit-box-shadow: inset rgba(0,0,0,0.4) 0 1px 5px;
    background: #181818;
    border: 1px solid #282828 !important;
    border-bottom: 1px solid #343434;
    box-shadow: inset rgba(0,0,0,0.4) 0 1px 5px;
}

OBS: Foi retirado apenas o !important de:

Código:

 background: #181818 !important;

Até mais.

coloquei o codigo citado no buscar e so encontrou este código utilizado por mim antes era

Código:


.tcl, .pun .postmain, .pun .paged-foot, .pun .paged-head, .pun .post, .pun .posthead {
background: #181818 !important;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828 !important;
border-bottom: 1px solid #343434;
}


Substitui pelo que voce me enviou e nada.
Removi so o !important deste que eu usava e mudou a tela inicio, mudando algumas coisas imagem do fundo e ate deu um efeito nos nicks;
Substitui a url que estava com a imagem vazia;

Até entao sem resultado, Caso alguem da STAFF queira forneço acesso de Adm no meu fórum para que possam acessar o painel sem problemas.

Mas autor, eu ainda vejo o código ativo em seu fórum... a alteração ainda não foi feita.

Faça os passos conforme dito pelo Cepheus.

Até mais.

Sim, eu havia voltado para código original, o código ja foi mudado conforme citado acima e se encontra no momento.

Estarei on agora, caso alguem da staff queira acessar ao painel, vá ate o chat do meu fórum
http://viciadosdelphi.forumbrasil.net/h1-chat

Racki escreveu:
coloquei o codigo citado no buscar e so encontrou este código utilizado por mim antes era

Código:


.tcl, .pun .postmain, .pun .paged-foot, .pun .paged-head, .pun .post, .pun .posthead {
background: #181818 !important;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828 !important;
border-bottom: 1px solid #343434;
}


Substitui pelo que voce me enviou e nada.
Removi so o !important deste que eu usava e mudou a tela inicio, mudando algumas coisas imagem do fundo e ate deu um efeito nos nicks;
Substitui a url que estava com a imagem vazia;

Até entao sem resultado, Caso alguem da STAFF queira forneço acesso de Adm no meu fórum para que possam acessar o painel sem problemas.

Troque o css que você citou por:

Código:


.tcl, .pun .postmain, .pun .paged-foot, .pun .paged-head, .pun .posthead {
background: #181818 !important;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
-moz-box-shadow: inset rgba(0,0,0,0.4) 0px 1px 5px;
box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 5px;
border: 1px solid #282828 !important;
border-bottom: 1px solid #343434;
}
.pun .post{  
border: 1px solid #282828;
border-bottom: 1px solid #343434;
}


E troque o JS por:

Código:

jQuery(document).ready(function(){
jQuery(".post:has('.equipefundo')").css('background','url(http://i.imgur.com/XtFaN.png) repeat-y')});

Quase!!
Veja
http://prntscr.com/ccq1qh

Adicione mais essa linha no seu css:

Código:

.pun .post .postmain, .pun .postmain .posthead{background:transparent!important;}

Depois troque a imagem do JS por uma que adeque ao seu perfil, pois a que você está usando foi feita para "perfil posicionado no lado direito".

Analise essas duas imagens: https://ajuda.forumeiros.com/t106525-imagens-para-degrade
Ou,
Faça seu pedido aqui: https://ajuda.forumeiros.com/f17-criacoes-graficas

Estamos chegando lá;
A imagem esqueca por hora pois coloquei uma provisória depois a substituo, primeiro o ´codigo

veja
http://prntscr.com/ccq836

Mas qual seria a outra alteração? o código já não está em funcionamento?
Pelo menos é o que vejo comparando essas duas imagens:
Sua imagem:
http://prntscr.com/ccq836
Imagem do tutorial:
https://i.servimg.com/u/f46/17/36/33/20/tutorx10.png

Ok, achei que teria como colocar ela a atravessar a mensagem por inteiro, mas ja esta bom, irei atras de uma imagem que caia bem.
Obrigado por seu tempo e dedicação.