SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff
Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você
Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

Ir à página : 1, 2, 3  Seguinte

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 3]

avatar

Usuário de Destaque

em Qui 06 Set 2012, 3:38 pm



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



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


- 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.


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



- Resultado final

Para ver a mensagem você precisa postar




  • Funciona em todas as versões ??
    Sim





© Switch | SpDesign


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



Última edição por Switch em Sab 01 Dez 2012, 8:48 pm, editado 3 vez(es)

avatar

sou nível 17

em Qui 06 Set 2012, 4:26 pm

Duvida: Oque postar aqui?
Ex: Ow, q massa de código...

Como postar algo assim se eu nem se quer li o link ainda?

-Estou só questionando e aproveitando para abrir o códifgo '-'

avatar

Usuário de Destaque

em Qui 06 Set 2012, 4:34 pm

D'Leandro™ escreveu:Duvida: Oque postar aqui?
Ex: Ow, q massa de código...

Como postar algo assim se eu nem se quer li o link ainda?

-Estou só questionando e aproveitando para abrir o códifgo '-'

Pode postar aquele tipo de coisa de boa, desde que edite a postagem e fale algo sobre o tutorial.

Eu estou postando o código de boa e livre vontade a única coisa que eu quero é um elogio uma critica construtiva sobre o tutorial.

Ficar postando, vamo ver, postando pra ver.
Isso é flood véi, não importa o fórum mano, se o Administrador bloquear um conteúdo para só ver ao postar, e o membro postar esse tipo de mensagem, todos os adm's ficam nervosos com isso.

avatar

sou nível 17

em Qui 06 Set 2012, 4:38 pm

Switch escreveu:
D'Leandro™ escreveu:Duvida: Oque postar aqui?
Ex: Ow, q massa de código...

Como postar algo assim se eu nem se quer li o link ainda?

-Estou só questionando e aproveitando para abrir o códifgo '-'

Pode postar aquele tipo de coisa de boa, desde que edite a postagem e fale algo sobre o tutorial.

Eu estou postando o código de boa e livre vontade a única coisa que eu quero é um elogio uma critica construtiva sobre o tutorial.

Ficar postando, vamo ver, postando pra ver.
Isso é flood véi, não importa o fórum mano, se o Administrador bloquear um conteúdo para só ver ao postar, e o membro postar esse tipo de mensagem, todos os adm's ficam nervosos com isso.

Relaxa ta tranquilo, eu entendo voce...
A proposito, o código não funcionou no meu forum, versão PhpBB3, oque eu presciso fazer para que funcione corretamente?
(O Botão apareceu, o código é inserido, mas o tópico aparece normalmente para os membros)

avatar

Usuário de Destaque

em Qui 06 Set 2012, 4:59 pm

Cria um tópico cara, não damos suporte aos membros pelo tópico do tutorial

avatar

sou nível 8

em Qui 06 Set 2012, 6:49 pm

vamo ver como fica, postando para ver, muito bom

avatar

sou nível 16

em Qui 06 Set 2012, 9:53 pm

Ótimo Tutorial Switch será útil para muitos membros

avatar

Administrador
Desenvolvedor Web

em Sex 07 Set 2012, 9:44 am

opa, estava doido para ver este tuto, vou aplicar imediatamente em meu forum :p
edit:
nao funfo no meu, coloquei tudo certinho e nada! ate sai da minha conta de mod e entrei em uma de member normal e nadas!1!!

avatar

Usuário de Destaque

em Sex 07 Set 2012, 10:55 am

Switch escreveu:Cria um tópico cara, não damos suporte aos membros pelo tópico do tutorial

avatar

sou nível 3

em Sex 07 Set 2012, 11:45 am

Otimo Tutorial Valeu

avatar

sou nível 16

em Sex 07 Set 2012, 11:53 am

baixando agora mesmo esta esperando ansioso esse tutorial sair


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Faq de Duvidas
SP-Design
avatar

sou nível 8

em Sex 07 Set 2012, 12:22 pm

Esse Code deve ser realmente muito dahora, estava a procura dele Very Happy

#REP

avatar

sou nível 6

em Sex 07 Set 2012, 12:24 pm

Obrigada!!

Estava mesmo à espera deste tutorial Very Happy~

Funcionou, +

avatar

Usuário de Destaque

em Sex 07 Set 2012, 10:42 pm

Código atualizado.
Por favor peço para que todos atualizem o código JS passado no 2° passo

avatar

sou nível 16

em Sex 07 Set 2012, 11:09 pm

Muito interessante este codigo em alguns tutoriais ele faz grande sucesso Parabens ao autor.

avatar

Administrador
Desenvolvedor Web

em Sab 08 Set 2012, 9:38 am

op, vo atualizar.....


Staff SPD

Olá Convidado, bem vindo ao SP-Design
Aconselhamos que fique atendo a esses detalhes.
Respeite as regras e conheça a equipe.
Faça seus pedidos na Área Design.
Não pratique o Flood
Não peça suporte por MP
Pedidos de Códigos
SP-Design
avatar

sou nível 2

em Sab 08 Set 2012, 10:29 am

Opa obrigado por compartilhar!
Estava querendo isso mesmo!
•Postando para ver Smile

avatar

sou nível 17

em Dom 09 Set 2012, 4:44 am

Ow, q massa de código...

avatar

sou nível 5

em Dom 09 Set 2012, 12:45 pm

LucasRPG escreveu:Ótimo Tutorial Switch será útil para muitos membros

avatar

sou nível 8

em Dom 09 Set 2012, 3:24 pm

Muito bom !
tava esperando esse tuto faz tempo !

avatar

sou nível 8

em Seg 10 Set 2012, 6:56 pm

Não sabia que tinha esse tutorial aqui, tinha visto ele em um outro fórum da linguagem vietnamita e estava morrendo de procurar dinovo e não achei.

Obrigado por compartilhar.

avatar

Usuário de Destaque

em Seg 10 Set 2012, 7:41 pm

Sweet Chili escreveu:Não sabia que tinha esse tutorial aqui, tinha visto ele em um outro fórum da linguagem vietnamita e estava morrendo de procurar dinovo e não achei.

Obrigado por compartilhar.

Os tutoriais devem ser diferentes ou pegaram daqui o código, porque esse código eu que fiz.

avatar

sou nível 5

em Seg 10 Set 2012, 8:41 pm

muito bom ^^

avatar

sou nível 6

em Qua 12 Set 2012, 1:17 pm

vou ultilizar no meu forum tbm gostei

avatar

Usuário experiente

em Qua 12 Set 2012, 5:48 pm

esse efeito é otimo e irei usar no meu forum !


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 3]

Ir à página : 1, 2, 3  Seguinte

Você não está conectado. Conecte-se ou registre-se



Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®