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


victor.menezes.716970

victor.menezes.716970
sou nível 4

Ter 06 Nov 2012, 5:44 am

legal vou usar muito

preuu

preuu
sou nível 9

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

Bookmarlucas654

Bookmarlucas654
sou nível 14

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

TaylorLant

TaylorLant
sou nível 3

Ter 06 Nov 2012, 2:37 pm

TESTANDO AQUI!

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

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

felipekk

felipekk
sou nível 9

Seg 12 Nov 2012, 11:08 am

ultilizando

dejanpetrus

dejanpetrus
sou nível 3

Seg 12 Nov 2012, 3:31 pm

thanks muchos

felipekk

felipekk
sou nível 9

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 !

felipekk

felipekk
sou nível 9

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?

[NVC]Vinicius

[NVC]Vinicius
sou nível 3

Seg 12 Nov 2012, 8:00 pm

Q F@#4 ESSE TUTO + REP

UchiraDeath

UchiraDeath
sou nível 12

Sáb 24 Nov 2012, 5:06 pm

OOtimoo efeito testamdp

T-Dog

T-Dog
sou nível 14

Sáb 01 Dez 2012, 12:26 pm

Vou aplicar em meu fórum;

Helix

Helix
sou nível 6

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?

lucasxd111

lucasxd111
sou nível 5

Dom 06 Jan 2013, 11:21 am

Olá,

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

Eduardo.H

Eduardo.H
sou nível 6

Ter 22 Jan 2013, 8:43 am

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

-Matt

-Matt
sou nível 9

Ter 22 Jan 2013, 8:49 am

Muito Bom, Tutorial Gostei.

Jose Hamizaki

Jose Hamizaki
Designer Grafico

Ter 22 Jan 2013, 10:47 am

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

Eduardo, nao precisa.

-Yully'~

-Yully'~
sou nível 8

Ter 22 Jan 2013, 11:59 am

Tava procurando esse código faz tempo !

TiagoDJ-7.0

TiagoDJ-7.0
sou nível 12

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

B4N3

B4N3
sou nível 1

Ter 08 Out 2013, 5:20 pm

gostei!


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o 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õ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 ®