[TUTORIAL] Liberar conteúdo ao postar

Nesse tutorial vou estar ensinando como colocar o código para bloquear o conteúdo do tópico até que o membros poste.
Ele faz a liberação através de Cookies, então se você usa 2 computadores ou mais, se você postar de 1 computador e tentar ver pelo outro o conteúdo não será mostrado.

--> Tutoriais, dicas e astúcias <--
Liberar conteúdo ao postar

1º - Adicionar o CSS
Adicione esse código no CSS de seu fórum.

Código:

.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: #995F5B;
font: bold 16px Tahoma;
border: 1px solid #E2B500;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-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;}

2º - Adicionar o JS
Adicione esse código no gestor de códigos JavaScript de seu fórum.

Código:


$(document).ready(function(){
var nomeDoForum = "spdesign";

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) ? "Para poder ver a mensagem, você precisa postar." :  $(serHide).attr('rel');


$(serHide).before('<span class="msgHide">'+txtP+'</span> ');
$(serHide).remove();
}

$('input[name="post"]').click(function(){
my_setcookie(nomeDoForum+"_"+idTopicHide, idTopicHide, true);

});


});


Depois procure essa parte no código acima
var nomeDoForum = "spdesign";

E onde está em vermelho coloque o nome de seu fórum sem usar espaços, pode colocar tudo junto.
Marque para funcionar somente nos tópicos.


3º - Adicionar o segundo JS
Adicione esse código em seu Gestor de códigos JavaScript, marque para funcionar em todas as páginas
Ele é responsável por adicionar o botão na área de BBCode.

Código:


$(document).ready(function(){
$('input[value="Outros"]').before('<button class="button2" id="postView"><img src="http://icons.iconarchive.com/icons/fatcow/farm-fresh/24/lock-edit-icon.png" title="Só liberar conteúdo quando postar." 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;}


4º - Resultado final

Para ver a mensagem você precisa postar

• Funciona em todas as versões ??
  Sim

---

© Switch | SpDesign | HenRyqUéè

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Liberar conteúdo ao postar