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

Switch

Switch
Usuário de Destaque

Qui 06 Set 2012, 3:38 pm


[TUTORIAL] Liberar conteúdo ao postar 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 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)

D'Leandro™

D'Leandro™
sou nível 17

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

Switch

Switch
Usuário de Destaque

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.

D'Leandro™

D'Leandro™
sou nível 17

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)

Switch

Switch
Usuário de Destaque

Qui 06 Set 2012, 4:59 pm

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

Thor

Thor
sou nível 8

Qui 06 Set 2012, 6:49 pm

vamo ver como fica, postando para ver, muito bom

LucasRPG

LucasRPG
sou nível 16

Qui 06 Set 2012, 9:53 pm

Ótimo Tutorial Switch será útil para muitos membros

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

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

Switch

Switch
Usuário de Destaque

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

'Tamashi'

'Tamashi'
sou nível 3

Sex 07 Set 2012, 11:45 am

Otimo Tutorial Valeu

Azure

Azure
sou nível 16

Sex 07 Set 2012, 11:53 am

baixando agora mesmo esta esperando ansioso esse tutorial sair

#mystery#

#mystery#
sou nível 8

Sex 07 Set 2012, 12:22 pm

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

#REP

Calíope

Calíope
sou nível 6

Sex 07 Set 2012, 12:24 pm

Obrigada!!

Estava mesmo à espera deste tutorial Very Happy~

Funcionou, +

Switch

Switch
Usuário de Destaque

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

Shion

Shion
sou nível 16

Sex 07 Set 2012, 11:09 pm

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

HenRyqUéè

HenRyqUéè
Administrador
Desenvolvedor Web

Sáb 08 Set 2012, 9:38 am

op, vo atualizar.....

miguel.dargains

miguel.dargains
sou nível 2

Sáb 08 Set 2012, 10:29 am

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

D'Leandro™

D'Leandro™
sou nível 17

Dom 09 Set 2012, 4:44 am

Ow, q massa de código...

LGforum

LGforum
sou nível 5

Dom 09 Set 2012, 12:45 pm

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

-Yully'~

-Yully'~
sou nível 8

Dom 09 Set 2012, 3:24 pm

Muito bom !
tava esperando esse tuto faz tempo !

John Coffey

John Coffey
sou nível 8

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.

Switch

Switch
Usuário de Destaque

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.

Daemon

Daemon
sou nível 5

Seg 10 Set 2012, 8:41 pm

muito bom ^^

BlackStars

BlackStars
sou nível 6

Qua 12 Set 2012, 1:17 pm

vou ultilizar no meu forum tbm gostei

CloSeR

CloSeR
Usuário experiente

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 Ir para o 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õ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 ®