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 : 1, 2  Seguinte

#1
 D'Leandro™

avatar
Fundador
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

#2
 ~[J]oker

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

#3
 LevelUp

avatar
Membro
Estou precisando deste tutorial, obrigado por compartilhar o código.
Ver perfil do usuário

#4
 'Fusion

avatar
Membro
vlw mt legal isso vlw msm

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#5
 ®'Martins

avatar
Membro
sempre bom um conteudo desse

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

Flood/Spam;
Dual-Post ou Divulgação irregular são proibidos, veja em nossas Regras Gerais!
Ver perfil do usuário

#6
 Theodore Bagwell

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

Assinatura:
Ver perfil do usuário

#7
 [F]lames

avatar
Membro
Olá,

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

Até mais.
Ver perfil do usuário

#8
 Bookmarlucas654

avatar
Membro
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 ;)
Ver perfil do usuário

#9
 Theodore Bagwell

avatar
Membro
Ta bom então! 9

Assinatura:
Ver perfil do usuário

#10
 D'Leandro™

avatar
Fundador
Conteúdo Atualizado;
Este conteúdo foi atualizado pela moderação!
Ver perfil do usuário

#11
 sapinhu

avatar
Membro
Eita esse até o efeito ta escondido XD
Ver perfil do usuário prof_roy@hotmail.com

#12
 Hades

avatar
Membro
Estou precisando deste tutorial, obrigado por compartilhar o código.
Ver perfil do usuário

#13
 Stark'

avatar
Membro
Interessante Isso
Ver perfil do usuário

#14
 ®'Martins

avatar
Membro
comentando novaente para ver
Ver perfil do usuário

#15
 Gmtp

avatar
Membro
Olá

Você e suas tramanhas rs amei o resultado

Até mais
Ver perfil do usuário

#16
 fojogo

avatar
Membro
Otimo está de parabens
Ver perfil do usuário

#17
 Hades

avatar
Membro
Nóssa Parabéns pelo Tutorial ! , Me ajudou muito , espero um dia ser igual a você , Sou Seu Fã !
Ver perfil do usuário

#18
 Gmtp

avatar
Membro
Olá

Conteudo atualizado pela moderação?

Até mais
Ver perfil do usuário

#19
 Sr.Nown

avatar
Membro
comentando
Ver perfil do usuário

#20
 Thorpe'.

avatar
Membro
Obrigado por compartilhar ...
Ver perfil do usuário

#21
 [F]lames

avatar
Membro
Olá,

Muito bom, sinceramente '-'

Até mais.
Ver perfil do usuário

#22
 D'Leandro™

avatar
Fundador
Gostaria de informar que voltamos a utilizar este código!
Ver perfil do usuário

#23
 lasperpen

avatar
Novato
Era isso que eu precisava, aqui tem tudo o que se procura...
Ver perfil do usuário

#24
 houdini

avatar
Membro
Preciso de algum assim, mais o mesmo vale para todas as áreas do fórum?
Ver perfil do usuário

#25
 GyGu

avatar
Membro
Estava procurando isto. Obrigado
Ver perfil do usuário

#26
 Conteúdo patrocinado


Ir à página : 1, 2  Seguinte