Comentar para ver (Hide Comment)Este código trabalha com cookies e faz com que o usuário tenha que comentar para ver o conteúdo, com certeza é bem útil para quem quer manter o fórum em atividade total.Versões de funcionamento: Todas as versões.

1º Passo - Instalando o estilo CSS
Para instalarmos o código CSS vamos até o Painel de Controle > Visualização > Imagens e Cores > Cores >> Folha de estilo CSS.

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;
}
/* TUTORIAL = http://staffergroupbr.stuning.net/t747- */

Valide a folha.

2º Passo - Exibindo o botão
Para aplicar o efeito precisamos de um botão, com o código a baixo você poderá inserir este botão. ( )

Código:

$(function () {

  /* TUTORIAL = http://staffergroupbr.stuning.net/t747- */

  $(function () {
    $('<a class="sceditor-button" unselectable="on"><div unselectable="on" style="background-image:url(http://img89.imageshack.us/img89/8646/iconecadeadoouro.gif)">Hide Comment</div></a>').insertBefore('.sceditor-button-size').click(function () {
      $('#text_editor_textarea').sceditor("instance").insertText("<span class=\'hideContent\' rel=\'Mensagem personalizada\'>", "</span>");
    });
  });
});

Salve o documento.

3º Passo - Validando o efeito
Para que o efeito funcione precisamos deste código, ele é responsável pela função de ocultar o conteúdo dentro da span.

Código:

$(document).ready(function () {

  /* TUTORIAL = http://staffergroupbr.stuning.net/t747- */

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

Salve o documento.

3º Passo - Editando o código
Agora encontre no seu código por NOME_DO_FORUM e substitua pelo nome de seu fórum sem usar espaços.

• Resultado: (Imagem)
  
  

Ver código em funcionamento: Demonstração.

---

© Staffer Group BR™
PRECISA DE SUPORTE?

Criador: Switch Site: www.http://spdesign.ativoforum.com

Obrigado por compartilhar!

Estou precisando deste tutorial, obrigado por compartilhar o código.

vlw mt legal isso vlw msm

sempre bom um conteudo desse

#Edição Anti-Flood por D'Leandro™
tava precisando de um hide melhor

Isso é trapaça para conseguir mais comentários!

Olá,

Não se chama trapaça, é uma maneira de proteger o conteúdo dos fóruns !

Até mais.

Não significa TRAPAÇA. Trapaça significa você apenas adquirir, adquirir, adquiri e adquirir códigos, e ter a CARA DE PAU de nem sequer agradecer. Quando é realizado um bom trabalho, NO MÍNIMO que queremos é ter um simples agradecimento, ou saber que seu trabalho está sendo bem consumido...

Fica a dica ;)

Ta bom então!

Eita esse até o efeito ta escondido XD

Estou precisando deste tutorial, obrigado por compartilhar o código.

Interessante Isso

comentando novaente para ver

Olá

Você e suas tramanhas rs amei o resultado

Até mais

Otimo está de parabens

Nóssa Parabéns pelo Tutorial ! , Me ajudou muito , espero um dia ser igual a você , Sou Seu Fã !

Olá

Conteudo atualizado pela moderação?

Até mais

comentando

Olá,

Muito bom, sinceramente '-'

Até mais.

Gostaria de informar que voltamos a utilizar este código!

Era isso que eu precisava, aqui tem tudo o que se procura...

Preciso de algum assim, mais o mesmo vale para todas as áreas do fórum?

Estava procurando isto. Obrigado