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 para baixo  Mensagem [Página 2 de 3]

Switch

Switch
Usuário de Destaque

Qui 06 Set 2012, 3:38 pm

Relembrando a primeira mensagem :


[TUTORIAL] Liberar conteúdo ao postar - Página 2 Censur10

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


[TUTORIAL] Liberar conteúdo ao postar - Página 2 Act_bottom 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 Sáb 01 Dez 2012, 8:48 pm, editado 3 vez(es)


SostenesSilva

SostenesSilva
sou nível 4

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!

Maxinho

Maxinho
sou nível 10

Seg 08 Out 2012, 5:38 pm

vou testar no meu fórum ^.^

Mr_Style

Mr_Style
sou nível 2

Seg 08 Out 2012, 6:31 pm

muito obrigado Smile

StyLe®

StyLe®
Moderador

Seg 08 Out 2012, 6:58 pm

Muito bom adorei meus parabéns

StyLe®

StyLe®
Moderador

Ter 09 Out 2012, 3:54 pm

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

dejanpetrus

dejanpetrus
sou nível 3

Seg 15 Out 2012, 7:23 am

Para ver a mensagem você precisa postar

kromusarts

kromusarts
sou nível 2

Qua 24 Out 2012, 3:15 pm

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

kromusarts

kromusarts
sou nível 2

Qui 25 Out 2012, 12:49 pm

funcionou!!!
obrigado Smile

Caos

Caos
sou nível 2

Sex 26 Out 2012, 6:54 am

Funcionou bem como eu esperava!

A L E X

A L E X
sou nível 5

Sex 26 Out 2012, 3:29 pm

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

kromusarts

kromusarts
sou nível 2

Sex 26 Out 2012, 3:56 pm

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

Helix

Helix
sou nível 6

Sáb 27 Out 2012, 2:24 pm

Vou testar cara

Vir7uaL

Vir7uaL
sou nível 2

Sáb 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.

Vir7uaL

Vir7uaL
sou nível 2

Sáb 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.

Vir7uaL

Vir7uaL
sou nível 2

Sáb 27 Out 2012, 2:54 pm

Não funciona.

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 27 Out 2012, 3:02 pm

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

Helix

Helix
sou nível 6

Sáb 27 Out 2012, 3:43 pm

Comigo tambem não funcionou

NickFix

NickFix
sou nível 2

Sáb 27 Out 2012, 5:54 pm

brutal , vou usar

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 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!

Yunnoh

Yunnoh
sou nível 6

Dom 28 Out 2012, 6:16 pm

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

avatar

fascicularia
sou nível 2

Dom 28 Out 2012, 10:57 pm

curioso

» ƒαѕт ϟ

» ƒαѕт ϟ
sou nível 6

Qua 31 Out 2012, 12:38 pm

Otimo Qewiqwi '

BrunoH.

BrunoH.
sou nível 7

Sáb 03 Nov 2012, 1:02 pm

Muito Show, parabéns o/

iHeloaD

iHeloaD
sou nível 12

Sáb 03 Nov 2012, 1:26 pm

Postado para ler

GuiGuih

GuiGuih
sou nível 3

Sáb 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 Ir para o 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ões neste sub-fórum
Não podes responder a tópicos

TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

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 ®