Alterar aspeto de bloquear primeira mensagem

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá!

Queria deixar o aspeto de bloquear as mensagens aos convidados desta forma:
- http://prnt.sc/eju829

Fórum de tal efeito:
- http://suportedesign.forumeiros.com/

Código que uso:

Código:

/*
Título: Esconder primeira mensagem dos tópicos a convidados
Investimento: Tópicos
Versão: 1.0.0
Autor: Hancki - FDF
Plataforma: Forumeiros
*/
jQuery(document).ready(function () {
    if (_userdata["session_logged_in"] == '0') { // Indicador de usuário sem sessão iniciada
      $('.postbody:first .content').html('<p><center><img src="http://static.tumblr.com/y9ykbvf/mDTlrxtib/___________53_.gif" alt="http://static.tumblr.com/y9ykbvf/mDTlrxtib/___________53_.gif" /> <strong>Mensagem Escondida aos Convidados!</strong><br><a href="/register"><strong>Registre-se</strong></a> ou <a href="/login"><strong>Inicie Sessão</strong></a> para poder visualizar o conteúdo desta mensagem.</center></p>');
    }
});

Olá autor, boa tarde.

Troque o js por este:

Código:

/*
Título: Esconder primeira mensagem dos tópicos a convidados
Investimento: Tópicos
Versão: 1.0.0
Autor: Hancki - FDF
Plataforma: Forumeiros
*/
jQuery(document).ready(function () {
    if (_userdata["session_logged_in"] == '0') { // Indicador de usuário sem sessão iniciada
      $('.postbody:first .content').html('<p><center><img src="http://i.imgur.com/b8PNmbE.png" alt="http://i.imgur.com/b8PNmbE.png" /> <strong>Mensagem Escondida aos Convidados!  </strong><a href="/register"><strong>Registre-se</strong></a> ou <a href="/login"><strong>Inicie Sessão</strong></a> para poder visualizar o conteúdo desta mensagem.</center></p>');
    $("head").append(
'<style>' +
'.postbody .content  {' +
'    background-color: rgba(255,217,217,.5);' +
'    border: 1px solid rgba(255,100,100,.7);' +
'    border-radius: 2px;' +
'    padding: 8px 12px;' +
'}' +
'</style>'
);}
});

Até mais.

Sem resultado.

Estranho autor, veja bem as prints abaixo:

- Com o código: http://image.prntscr.com/image/fa197ab6cfaa405ab08ea981abe50083.png
- Sem o código (você já possui um js ativo que faz esse efeito): http://image.prntscr.com/image/c68156d1ea1e435cbf6037780071afbe.png

Acredito que estejais vendo logado em uma conta, o efeito só acontece com pessoas não-logadas.

Até mais.

Sim eu sei que é quando estou off na conta , mas a mim continua a aparece como estava.

Estranho, o senhor ao menos trocou o código do JS? Refiro-me a trocar o que está utilizando pelo atual, não pode haver dois javascript iguais, pois pode haver conflito, talvez seja isto que está lhe afetando.

Até mais.

while escreveu:Estranho, o senhor ao menos trocou o código do JS? Refiro-me a trocar o que está utilizando pelo atual, não pode haver dois javascript iguais, pois pode haver conflito, talvez seja isto que está lhe afetando.

Até mais.

Sim troquei pelo que estava.

Firmeza, troque o js por este:

Código:


/* Resposta em tópico somente para registrados */
jQuery(function(){
 var copyright = 'Código criado por HeroWaar';
 if( typeof copyright==="undefined"){var copyright="Código alterado!";} ;if(copyright=="Código criado por HeroWaar"){if(!(_userdata.session_logged_in)){var hwstyle="<style>.rl-HeroWaar {background-color: #f3e3e6;border: 1px solid #80001c;color: #80001c !important;padding: 15px;font-size: 12px;}.rl-HeroWaar a {color: #000 !important;}</style>";var hwcontent="<div class=\"rl-HeroWaar\"><span><a href=\"/register\"><i>Registre-se</i></a> ou faça <a href=\"/login\"><i>login</i></a> para visualizar as respostas deste tópico.</span></div>";$(hwstyle).insertBefore("body");$(".content").slice(0).replaceWith(hwcontent);} ;} else {var content="<div class=\"copyright\"><h1>Copyright do código alterado!!</h1><br/><a href=\"http://www.bestskins.net/u194\"><h3>Favor dar os devidos creditos ao autor [HeroWaar]</h3></a></div>";var style="<style>"+"a {"+"color:#777}"+".copyright {"+"text-align:center;"+"font-family: sans-serif;"+"margin-top:15%;"+"color: #777}"+".copyright h1 {"+"font-size: 300%;}"+"body,html {"+"background-color: #eee"+"</style>";$("html").append(content);$(style).insertBefore("body");$("body div, iframe").remove();} ;
});
/* FIM */

Até mais.

Resultou, mas quando vou fazer login veja:

Então poe o código apenas com investimento nos tópicos.

Simples não?

Até mais.

Resolvido obrigado.