Este código irá ocultar o conteúdo até o membro postar no tópico.
Aceda até Módulos :seta: HTML & JAVASCRIPT :seta: Gestão dos códigos JavaScript :seta: Criar um novo JavaScript
Título: Hide Content
Investimento: Em todas as páginas
Código:
- Código:
$(function(){
var msg = "Hide content before post";
var hide = $('.hideTB');
var idinput = $('input[name="t"]').val();
var texto2 = "<strong>Conteúdo Oculto</strong><br><br>";
$(hide).prepend(''+texto2+'');
if(my_getcookie(msg+"_"+idinput) != idinput){
var texto = ($(hide).attr('name') == "hide" || $(hide).attr('name') == "" || $(hide).attr('name') == null) ? "<strong>Conteúdo Oculto</strong><br>Para visualizar o conteúdo escondido deixe um comentário sem flood no tópico." : $(hide).attr('name');
$(hide).before('<div class="hideTB error">'+texto+'</div> ');
$(hide).remove();
}
$('input[name="post"]').click(function(){
my_setcookie(msg+"_"+idinput, idinput, true);
});
$(document).on('ready', function () {
$(".sceditor-container").append('<div class="sceditor-dropdown sceditor-hide" style="display:none;margin-top: 27px;"><div><label for="hidetext" style="text-align:left;" >Conteúdo oculto : </label><input type="text" id="hidetext" style = "float:left" placeholder="Insira texto aqui..."><input type="button" style = "margin-top: 15px;"class="button" value="insert"></div></div>');
$('<a class="sceditor-button bbcode-hide" title="Hide Content"><div style="background-image:url(http://i.imgur.com/iMSk8oy.png)">Hide Content</div></a>').insertBefore('.sceditor-button-quote').click(function () {
var f = $(".sceditor-hide").css("display");
if(f =='none') {$(".sceditor-hide").css({"left": $(this).position().left , "top": $(this).position().top, }).show(); }
else {$(".sceditor-hide").hide(); }
});
$(".sceditor-hide .button").click(function () {
var title = $(".sceditor-hide #hidetext").val();
$('#text_editor_textarea').sceditor("instance").insert('<div class="hideTB" name="hide">'+title+'</div>');
});
});
});
- Código:
.hideTB {
background: #cde3a4 url('http://lifegames.in/forum/public/style_images/lgskin/highlight.png') repeat-x 0 0;
color: #436500;
padding: 10px;
border: 1px solid #a8c471;
text-shadow: rgba(255,255,255,0.55) 0px 1px 0px;
line-height: 1.6;
font-size: 12px;
-webkit-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
box-shadow: rgba(0,0,0,0.1) 0px 1px 3px;
display: block;
}
.hideTB.error {
background-color: #f3e3e6;
border-color: #e599aa;
color: #80001c;
}
Qualquer dúvida em relação ao tutorial, crie um tópico de mesmo título.