Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Niveis de usuarios
Hoje à(s) 11:51 am por Guilherme Campos Martins

» Logo do fórum
Hoje à(s) 11:40 am por Fatalisss

» Caixa de resposta rápida nos tópicos
Hoje à(s) 11:35 am por Fatalisss

» Bug nos tópicos
Hoje à(s) 11:30 am por Fatalisss

» Categoria do fórum
Hoje à(s) 11:14 am por PrisoN†BreaK

» Melhorar a aparência desta caixa
Hoje à(s) 11:13 am por Harleen

» Categorias
Hoje à(s) 11:02 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Fatalisss
 
Luiz
 
JulioPais
 
Holkis
 
Shek
 
APOllO
 
Forumpw
 
Flames
 

Quem está conectado
282 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 275 Visitantes :: 2 Motores de busca

Fatalisss, Guilherme Campos Martins, Kyo Panda, Luiz, MtX, PrisoN†BreaK, soldado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como deixar uma parte do fórum dentro de um SPOILER???

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como deixar uma parte do fórum dentro de um SPOILER???

Mensagem por MarcosSchultz em 19/11/15, 12:58 am

Detalhes da questão


Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PhpBB3

Descrição


Olá pessoal, tenho este trecho de código, que faz aparecer as regras do meu fórum abaixo dos tópicos recentes...

Código:

$(function() {
$('#main-content').before(' <style> #tabela1 { display: table; background: #FFFAF0; width: 100%; height: 270px; float: center; border: 1px solid black; margin-top: 20px; border: 1px solid rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px; box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px; } body { background: url(http://hitsk.in/t/16/90/42/i_background.jpg); background-attachment: fixed; color: #5a5a5a; font: normal 11px tahoma, helvetica, arial, sans-serif; padding-bottom: 20px; } .redesociais { position: center; }</style><link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>Avisos</title><table id="tabela1"> <tbody> <tr> <td> <div style="font-size: 15px; border-radius:5px; background:transparent; margin-bottom:10px;width:100%; height:100%;margin-top: -1%;"> <br /> <center> <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong> <br /> <hr /> </center> <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum. <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h. <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante. <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a> <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente. <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente. <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral". <hr /> <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;"> <tbody> <tr valign="top"> <td> <strong>Consulte: </strong> <br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a> </td> </tr> </tbody> </table> ');
});


A minha intenção seria deixar apenas um titulo escrito "REGRAS DE UTILIZAÇÃO DO FÓRUM" bem como está lá, e em baixo ou do lado, um spoiler que por padrão vem minimizado...

Quando clica-se no spoiler, aparece as regras, como um /spoiler normalzão...

Isto é possível?


Última edição por MarcosSchultz em 19/11/15, 11:53 pm, editado 1 vez(es)
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 496
Pontos Ativos : 672

http://schultzgames.forumeiros.com/
  • 0

Resolvido Re: Como deixar uma parte do fórum dentro de um SPOILER???

Mensagem por Hancki em 19/11/15, 01:25 pm

Olá!

Use este código:
Código:
$(function() {
    $('#main-content').before('<style> #tituloHancki { cursor: pointer;} #textoHancki { display: none; } #tabela1 { display: table; background: #FFFAF0; width: 100%; height: auto; float: center; border: 1px solid black; margin-top: 20px; border: 1px solid rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px; box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px; } body { background: url(http://hitsk.in/t/16/90/42/i_background.jpg); background-attachment: fixed; color: #5a5a5a; font: normal 11px tahoma, helvetica, arial, sans-serif; padding-bottom: 20px; } .redesociais { position: center; }</style> <link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /> <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> <title>Avisos</title> <table id="tabela1"> <tbody> <tr> <td> <div style="font-size: 15px; border-radius:5px; background:transparent; margin-bottom:10px;width:100%; height:100%;margin-top: -1%;"> <br /> <center id="tituloHancki"> <br /><strong>REGRAS DE UTILIZAÇÃO DO FÓRUM</strong> <br />  </center> <div id="textoHancki"><hr /> <b>1-</b> Nomes de usuário impróprios terão seus nicks mudados sem aviso prérvio. Nomes ofensivos serão banidos de imediato do fórum. <br/> <b>2-</b> Não é permitido postar novamente em um tópico se o seu comentário for o último. Caso queira adicionar algo, edite o último post ou aguarde 24h. <br/> <b>3-</b> Caso queira criar um tópico, crie-o na área correta. Se for uma dúvida, poste em "Dúvidas em geral". Se for tutorial, poste em "Tutorial dos membros", e assim por diante. <br/> <b>4-</b> Para aderir a uma categoria (Moderador, Programador, etc), consulte o link: <a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Aderir em categorias</a> <br/> <b>5-</b> Só serão aceitos anúncios de canais próprios ou sites próprios, se os mesmos forem sobre programação ou desenvolvimento de games com Unity 3D <br/> <b>6-</b> O fórum é para resolução de dúvidas, portanto, venham com dúvidas. Pedir scripts prontos ou resoluções milagrosas sem querer aprender, apenas levará o usuário a ser ignorado posteriormente. <br/> <b>7-</b> Qualquer tipo de ofensa a membros será punido com ban temporário. Post de ponrografia ou conteúdo impróprio será punido com ban permanente. <br/> <b>8-</b> Não poste dúvidas em tópicos não relacionados ao assunto. Se tiver uma dúvida, crie um tópico na área "Dúvidas em geral". <hr /> <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;"> <tbody> <tr valign="top"> <td> <strong>Consulte: </strong> <br/><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>&nbsp;&nbsp;&nbsp;<a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>&nbsp;&nbsp;&nbsp;<a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos">Canal no YouTube</a>&nbsp;&nbsp;&nbsp;<a href="https://www.facebook.com/TutoriaisUnity3DBrasil">Página no FaceBook</a></td> </tr> </tbody> </table> </div></div>');
    $('#tituloHancki').click(function() {
        $('#textoHancki').toggle(1000);
    });
});

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8041
Pontos Ativos : 12015

http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://twitter.com/https://www.facebook.com/djtomoficial

Resolvido Re: Como deixar uma parte do fórum dentro de um SPOILER???

Mensagem por MarcosSchultz em 19/11/15, 11:50 pm

Nossa, tem até um delay; Ficou 100%

Muito obrigado!
avatar

MarcosSchultz
Usuário avançado

Masculino
Inscrito dia : 19/09/2014
Mensagens : 496
Pontos Ativos : 672

http://schultzgames.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum