Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

Ir à página : Anterior  1, 2

#1
 D'Leandro™

avatar
Fundador
Relembrando a primeira mensagem :

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
Ver perfil do usuário

#26
 TiagoDJ-7.0

avatar
Membro
Comentar para ver, legal ... Comentei para ver kkkk
Ver perfil do usuário

#27
 D'Leandro™

avatar
Fundador

  • Tutorial atualizado 05.12.2013

Motivo: O código anterior não estava mais funcionando.
Ver perfil do usuário

#28
 -Jonathan

avatar
Membro
Vou testar Obrigado !
Ver perfil do usuário

#29
 Bruna.

avatar
Novato
Para Ver..
Ver perfil do usuário

#30
 Mr.GamingPT

avatar
Membro
obrigado
Ver perfil do usuário

#31
 Mr.GamingPT

avatar
Membro
oi
Ver perfil do usuário

#32
 Mr.GamingPT

avatar
Membro
ege
Ver perfil do usuário

#33
 Mr.GamingPT

avatar
Membro
Ola,
Aqui em meu fórum: {removido}
Apareceu o botão e tudo mas não resulta quando posto
Ver perfil do usuário

#34
 D'Leandro™

avatar
Fundador
Tudo poderá ser resolvido mediante a uma solicitação de suporte a traves do link http://staffergroupbr.stuning.net/f9-pedidos-duvidas-e-ajuda
Ver perfil do usuário

#35
 Mr.GamingPT

avatar
Membro
up
Ver perfil do usuário

#36
 ddr3

avatar
Membro
gracias!
Ver perfil do usuário

#37
 Mr.GamingPT

avatar
Membro
oibrigado
Ver perfil do usuário

#38
 GyGu

avatar
Membro
Mais um grande tutorial, muito bom
Ver perfil do usuário

#39
 B4N3

avatar
Membro
Muito bom gostei
Ver perfil do usuário

#40
 DaViD-DaViD

avatar
Membro
Obrigado por Compartilhar!
Ver perfil do usuário

#41
 ~Rafra

avatar
Membro
Olá,
Exelente :)
Ver perfil do usuário

#42
 fascicularia

avatar
Membro
obrigado
Ver perfil do usuário

#43
 sivastar

avatar
Membro
good
Ver perfil do usuário

#44
 houdini

avatar
Membro
Bem legal este efeito..
Ver perfil do usuário

#45
 JQuery

avatar
Membro
lkjgrsvlkjgfslkgfslk
Ver perfil do usuário

#46
 Nandook

avatar
Novato
bom
Ver perfil do usuário

#47
 iTrevaS

avatar
Membro
Obrigado.
Ver perfil do usuário

#48
 Teste123

avatar
Membro
Muito legal
Ver perfil do usuário

#49
 Conteúdo patrocinado


Ir à página : Anterior  1, 2