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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 3 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)


em Ter 06 Nov 2012, 5:44 am

legal vou usar muito

avatar

sou nível 9

em Ter 06 Nov 2012, 1:45 pm

Muito bom, mas não sei por que, em meu fórum parou de pegar alguns códigos CSS, como neon, alerta -.-

avatar

sou nível 14

em Ter 06 Nov 2012, 1:49 pm

preuu escreveu:Muito bom, mas não sei por que, em meu fórum parou de pegar alguns códigos CSS, como neon, alerta -.-
Comigo também ocorreu isto. É conflitos. E excelente tutorial Smile

avatar

sou nível 3

em Ter 06 Nov 2012, 2:37 pm

TESTANDO AQUI!

avatar

Administrador
Desenvolvedor Web

em Qua 07 Nov 2012, 12:34 pm

Este concerteza é um dos melhores códigos que tem aki, mas o botao fica muito grande, e fica grudado no "outros" quem nao tem muita experiencia nao sabe arrumar isso =S


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 9

em Seg 12 Nov 2012, 11:08 am

ultilizando

avatar

sou nível 3

em Seg 12 Nov 2012, 3:31 pm

thanks muchos

avatar

sou nível 9

em Seg 12 Nov 2012, 6:22 pm

tem como eu ativa-lo apenas para administradores ??
porque assim todos poderam fazer isso e ficaria uma bagunça.
queria saber se tem como só pro admin fazer isso !

avatar

sou nível 9

em Seg 12 Nov 2012, 6:49 pm

e outra, para visitantes eles não ve isso, eles vê um box com o meu site dentro e não

"você precisa psotar para ver" tem como eu por isso pra eles tbm?

avatar

sou nível 3

em Seg 12 Nov 2012, 8:00 pm

Q F@#4 ESSE TUTO + REP

avatar

sou nível 12

em Sab 24 Nov 2012, 5:06 pm

OOtimoo efeito testamdp

avatar

sou nível 14

em Sab 01 Dez 2012, 12:26 pm

Vou aplicar em meu fórum;

avatar

sou nível 6

em Qui 06 Dez 2012, 7:14 am

Mas isso funciona apenas para os tópicos que nós desejar-mos ou uma vez aplicado tem efeito em todos os tópicos?

avatar

sou nível 5

em Dom 06 Jan 2013, 11:21 am

Olá,

ótimo tutorial ira auxilia muitos usuários a personalização de fóruns.

avatar

sou nível 6

em Ter 22 Jan 2013, 8:43 am

É preciso ativar o "HTML" pra usar esse código?

avatar

sou nível 9

em Ter 22 Jan 2013, 8:49 am

Muito Bom, Tutorial Gostei.

avatar

Designer Grafico

em Ter 22 Jan 2013, 10:47 am

Eduardo.H escreveu:É preciso ativar o "HTML" pra usar esse código?

Eduardo, nao precisa.


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
Experimente nosso Editor de imagens
SP-Design
avatar

sou nível 8

em Ter 22 Jan 2013, 11:59 am

Tava procurando esse código faz tempo !

avatar

sou nível 12

em Qua 20 Fev 2013, 7:24 am

para que Server
se a pessoa não vai sabe do que se trata
e bom para forum de design
mas posso te da um dica
cria um parecido só que só radar para visitantes
ficaria muito bom
mas gostei

avatar

sou nível 1

em Ter 08 Out 2013, 5:20 pm

gostei!


Conteúdo patrocinado

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

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

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 ®