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

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

avatar

Usuário de Destaque

em Qui 06 Set 2012, 3:38 pm

Relembrando a primeira mensagem :



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 4

em Seg 08 Out 2012, 3:34 pm

Ferramenta mais que perfeita!
Sem Bugs...
Valeu por Compartilhar!!!

Elogio: Venho elogiar aqui o uso deste código aqui na SP Design, Felizmente o uso da ferramenta esta sendo usada corretamente, tipo, a ferramenta sendo usada apenas para ocultar o "Como proceder com o tutorial" deixando liberado o resultado final e o resumo da ferramenta! Meus parabéns!

avatar

sou nível 10

em Seg 08 Out 2012, 5:38 pm

vou testar no meu fórum ^.^

avatar

sou nível 2

em Seg 08 Out 2012, 6:31 pm

muito obrigado Smile

avatar

Moderador

em Seg 08 Out 2012, 6:58 pm

Muito bom adorei meus parabéns


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
Pessa suporte de códigos aqui.
SP-Design
avatar

Moderador

em Ter 09 Out 2012, 3:54 pm

Apaga essa mensagem por favor enviei no tópico errado uma coisa


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
Pessa suporte de códigos aqui.
SP-Design
avatar

sou nível 3

em Seg 15 Out 2012, 7:23 am

Para ver a mensagem você precisa postar

avatar

sou nível 2

em Qua 24 Out 2012, 3:15 pm

Claro ques este tutorial ira ajudar muita gente!!!
Obrigado Smile

avatar

sou nível 2

em Qui 25 Out 2012, 12:49 pm

funcionou!!!
obrigado Smile

avatar

sou nível 2

em Sex 26 Out 2012, 6:54 am

Funcionou bem como eu esperava!

avatar

sou nível 5

em Sex 26 Out 2012, 3:29 pm

maneiro vai ser util em algumas seções do meu forum

avatar

sou nível 2

em Sex 26 Out 2012, 3:56 pm

POR FAVOR!!!
No Meu forum não funcionou!!!
AJUDA!!!

avatar

sou nível 6

em Sab 27 Out 2012, 2:24 pm

Vou testar cara

avatar

sou nível 2

em Sab 27 Out 2012, 2:29 pm

Interessante vou experimentar no meu fórum Smile
Espero que dê pois é uma maneira de conseguir incentivar os membros a postar.

avatar

sou nível 2

em Sab 27 Out 2012, 2:35 pm

Interessante vou experimentar no meu fórum Smile
Espero que dê pois é uma maneira de conseguir incentivar os membros a postar.

avatar

sou nível 2

em Sab 27 Out 2012, 2:54 pm

Não funciona.

avatar

Administrador
Desenvolvedor Web

em Sab 27 Out 2012, 3:02 pm

Vir7uaL escreveu:Não funciona.
Olá, o codigo funciona perfeitamente, deve ser seu forum....


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 6

em Sab 27 Out 2012, 3:43 pm

Comigo tambem não funcionou

avatar

sou nível 2

em Sab 27 Out 2012, 5:54 pm

brutal , vou usar

avatar

Administrador
Desenvolvedor Web

em Sab 27 Out 2012, 8:03 pm

kromusarts escreveu:POR FAVOR!!!
No Meu forum não funcionou!!!
AJUDA!!!
Olá, a você e aos demais que quiserem suporte, por favor criem um tópico!


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 6

em Dom 28 Out 2012, 6:16 pm

Adorei o tutorial, achei muito bom e vou utilizá-lo em meu fórum!


sou nível 2

em Dom 28 Out 2012, 10:57 pm

curioso

avatar

sou nível 6

em Qua 31 Out 2012, 12:38 pm

Otimo Qewiqwi '

avatar

sou nível 7

em Sab 03 Nov 2012, 1:02 pm

Muito Show, parabéns o/

avatar

sou nível 12

em Sab 03 Nov 2012, 1:26 pm

Postado para ler

avatar

sou nível 3

em Sab 03 Nov 2012, 6:59 pm

Meu deus!Até que fim um tutorial que funciona!


Conteúdo patrocinado

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

Ir à página : Anterior  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 ®