Esconder mensagem do tópico

Qual é minha questão:
Olá, vim aqui fazer este tópico pois eu não achei até agora mas já vi em outros sites e fóruns de ajuda. Oque eu gostaria é de um código que esconda as mensagens e para o usuário ver, ele terá que comentar.

Exemplo: Uma div em HTML mesmo, onde tudo que esteja dentro dele, fique invisível e para ver terá que comentar.
Caso um usuário não tenha comentado ficaria +/- essa mensagem: "Lamento, mas para ver a mensagem terá que comentar."

espero que tenham entendido e que possam ajudar.
Versão do fórum : PUNBB.

Endereço do meu fórum:
http://fairytailmilenium.forumeiros.com

Versão do fórum:
PUNBB

Olá

Entendi muito bem e tenho a resposta.

Siga os passos abaixo :

Painel de controle Visualização Imagens e cores Cores Folha de estilo Css

código :

Código:

/*Hide Coment*/
.msgHide {
  background: #FFEA97 url("http://i50.tinypic.com/muen9v.png") no-repeat scroll 10px 10px;padding:25px 10px 1.3em 68px;margin: 1em !important;color: #ff0000;font: 16px Comic Sans Ms;border: 1px solid #E2B500;border-radius: 6px !important;  -moz-border-radius: 6px;-webkit-border-radius: 6px;-o-border-radius: 5px;box-shadow: 1px 1px 1px #666;-moz-box-shadow: 1px 1px 1px #666;-webkit-box-shadow: 1px 1px 1px #666;-o-box-shadow: 1px 1px 1px #666;text-align:center;display:block;
}
/*---/ Creditos: 2012 Staffer Group BR /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

Painel de controle Módulos :seta:Gestão dos códigos javascrips

Código 1° :

Código:

$(document).ready(function(){
$('input[value="Outros"]').before('<button class="button2" id="postView"><img src="http://img89.imageshack.us/img89/8646/iconecadeadoouro.gif" title="Comente para Visualizar!" alt="Postar para ver" /></button> ');
$('#postView').click(function(e){
e.preventDefault();
hidecont();
});
});
function hidecont(){
bbfontstyle('<span class="hideContent" rel="Mensagem personalizada">', '</span>');selectWysiwyg(this,0);
return false;
}

Código 2° :

Código:

$(document).ready(function(){
var nomeDoForum = "NOME_DO_FORUM";
var serHide = $('span.hideContent');
var idTopicHide = $('input[name="t"]').val();
if(my_getcookie(nomeDoForum+"_"+idTopicHide) != idTopicHide){
var txtP = ($(serHide).attr('rel') == "Mensagem personalizada" || $(serHide).attr('rel') == "" || $(serHide).attr('rel') == null) ? "<i>Para visualizar o conteudo, Deixe um comentário!</i><br>( Não Use Flood )" :  $(serHide).attr('rel');
$(serHide).before('<span class="msgHide">'+txtP+'</span> ');
$(serHide).remove();
}
$('input[name="post"]').click(function(){
my_setcookie(nomeDoForum+"_"+idTopicHide, idTopicHide, true);
});
});

Ambos com investimento Em todas as páginas

Edição do JavaScript
Encontre a palavra no Java Script 2: NOME_DO_FORUM
Substitua NOME_DO_FORUM pelo nome de seu forum sem usar espaços.

Resultado : https://i.servimg.com/u/f31/17/71/75/73/sem_ta31.png

Até mais

quando eu utilizo este cadeadinho(novo botão que apareceu) não dá em nada, mas quando eu utilizo o botão (hide) que está no menu outros acima da caixa de texto, ele faz oque eu quero, mas não aparece a imagem de aviso, avisando que é para postar

Olá

Adicionou o Css?

Até mais

sim adicionei oque pediu:

Código:


/*Hide Coment*/
.msgHide{
  background: #FFEA97 url("http://i1164.photobucket.com/albums/q576/Netinhogdr/mensagem_zpsac956456.png") no-repeat scroll 10px 10px;
  padding:25px 10px 1.3em 68px;
  margin: 1em !important;
  color: #ff0000;
  font: 16px Comic Sans Ms;
  border: 1px solid #E2B500;
  border-radius: 6px !important;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 5px;
  box-shadow: 1px 1px 1px #666;
  -moz-box-shadow: 1px 1px 1px #666;
  -webkit-box-shadow: 1px 1px 1px #666;
  -o-box-shadow: 1px 1px 1px #666;
  text-align:center;
  display:block;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

Olá Bom dia,

Adicione esse codigo em seus JavaScript

Código:

$(function(){
$('head').append("<style>#agoranaopeda{padding: 5px 10px;border: 1px solid #444;border-radius: 9px;background: #fcfcfc; /* Old browsers */background: -moz-linear-gradient(top,  #fcfcfc 0%, #eaeaea 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #fcfcfc 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #fcfcfc 0%,#eaeaea 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #fcfcfc 0%,#eaeaea 100%); /* IE10+ */background: linear-gradient(to bottom,  #fcfcfc 0%,#eaeaea 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}</style>");
var myusername = $('#tusern').text();
if($('.user:contains("'+myusername+'")').parents('.post').find('#querover').length){}else{
$('* div#hideComment').html('<div id="agoranaopeda"><table><tr><td style="padding-right:9px"><img src="http://icons.iconarchive.com/icons/kyo-tux/phuzion/64/Sign-Stop-icon.png"></td><td>Desculpe mas para ver esse conteúdo o(a) senhor(a) precisa postar.<span></td></tr></table></div>');
}
$('.button2[value="Outros"]').after('
  <button class="button2" id="addHide" title="Esconder conteudo do tópico">
          <img src="http://icons.iconarchive.com/icons/custom-icon-design/pretty-office-5/128/hide-right-icon.png" width="13">
  </button>
');
$('#addHide').click(function(){
bbfontstyle('<div id="hideComment">','</div>');
return false;
});
$('input[name="post"]').click(function(){
if($('.user:contains("'+myusername+'")').parents('.post').find('#querover').length){}else{
$('#text_editor_textarea').val('<div id="querover">'+$("#text_editor_textarea").val()+'</div>')
}
});
});

Investimento Em todas as Paginas/Nós topicos!


Resulta ?

deu na mesma amigo sem pre que posto fica assim:

Código:

<div id="querover"><div id="hideComment">testetsdstdssd</div></div>

Olha, se você clicar no botão "outros" tem uma opção chamada "Escondido".
Ele faz tudo que eu quero, ele faz sumir todo conteúdo dentro dele e só aparece assim que posta. Mas não tem uma imagem ou algo avisando quando estar escondido...

Olá

Que estranho aqui no não da erro.... acho que na sua versão o código que eu dei não funfa, Desculpa

Até mais

Beleza amigo, mas pelomenos ví um jeito de esconder um pequena parte do assunto!. Consegui 90% do que queria só com isto. Obrigado a todos que ajudaram!.