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
» quanto tempo vcs estao no forumeiros?
Hoje à(s) 12:04 pm por Shek

» Informações tooltip
Hoje à(s) 11:27 am por Harleen

» Problema de com aparência dos fóruns e sub fóruns
Hoje à(s) 11:24 am por Harleen

» Fundo Emoticon
Hoje à(s) 10:41 am por Luiz~

» Efeito desnecessário avatar
Hoje à(s) 10:40 am por Luiz~

» Alterrar CSS Cores entre outros , temas
Hoje à(s) 10:20 am por Luiz~

» Remover Legenda dos Botões do Menu
Hoje à(s) 10:16 am por Luiz~

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Harleen
 
Shek
 
Kenno LP
 
Kyo Panda
 
Ramon Rodrigues
 
Sennior
 
Flames
 
Holkis
 
Blackfyre
 

Quem está conectado
286 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 281 Visitantes :: 2 Motores de busca

admin186, Br_SP_Rodrigo, Luiz~, Shek, Sovereign

[ Ver toda a lista ]


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

[TUTORIAL] Tópico de regulamento na primeira etapa de registro do fórum

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

  • 0

[TUTORIAL] Tópico de regulamento na primeira etapa de registro do fórum

Mensagem por Shek em 28/08/16, 02:40 pm



Regulamento suplementar


Introdução

Com uso de Javascript e uma pequena edição no template, teremos a possibilidade de personalizar o template do regulamento (condição de uso) do seu fórum, para um tópico modificável, sendo dispensável adicionar qualquer regulamento complementar.


--> Tutoriais, dicas e astúcias <--

Tópico de regulamento na primeira etapa de registro do fórum


- Instalação do código Javascript:
Antes de qualquer procedimento, é importante ressaltar que vamos precisar criar o javascript para obter o efeito final. Para proceder com o resultado para todas as versões, altere o código abaixo para o seu caso.

$(function() {
var PHPBB3 = "div.postbody div.content.clearfix";
var PHPBB2 = "tr.post:eq(0) .postbody div";
var INVISION = "div.post:eq(0) div.postbody.clearfix div.post-entry div";
var PUNBB = "div.post:eq(0) div.postbody.clearfix div.post-entry div";

var version = PUNBB;
var topic = "1";
var ID_name = "rules";

$('#'+ ID_name).load('/t'+ topic +'-topic '+ version);
});
LEGENDA
Cores e situações
Azul- Corresponde a versão do seu fórum. A versão definida como padrão é PHPBB3 que precisa ser seguido exatamente como está escrito na legenda. Ou seja, PHPBB3, PHPBB2, INVISION ou PUNBB (tudo em maiúsculo).
Vermelho- Número do tópico do seu regulamento.
Violeta- Nome do ID da DIV (recomendamos não mudar).


- Edição do template:


Em seguida, acesse o seu Painel de Controle >> Visualização >> Templates >> Geral >> agreement e clique no Modificar. Copie todo o código e exclua as seguintes variáveis:
Código:
   {AGREEMENT}<br />
   {MY_RULES}<br />
Feito isso, crie uma nova DIV com o ID Rules:
Código:
<div id="rules">Carregando regulamento...</div>
Feito isso, inclua o script no seu template com a versão já definida e salve. Publique seu template e verifique o resultado na página /register do seu fórum.

- Localização e noções básicas da função:
CSS na verdade significa "Cascading Style Sheets", sua principal função é personalizar um determinado conteúdo exibido, em um determinado lugar na página. Cada versão de fórum (phpbb2. phpbb3, punbb e invision) possuem uma classe diferente, e nessas classes podem ser adicionadas as “propriedades”. Caso queira conhecer alguns tipos de classes, poderá consultar mais informações no seguinte: Elaborar um código CSS

Painel de controle ->> Visualização ->> Imagens e Cores ->> Cores ->> Folha de estilo CSS ->>
Seta Ver o CSS da base do seu fórum - Permite o administrador conferir o estilo padrão do CSS do fórum. Mesmo se você tiver aplicado algum código CSS na folha de estilo, esse CSS base não será alterado. Ele mostra os códigos que personalizam seu fórum sem a necessidade do CSS adicional, que no caso seria a da folha de estilo.
Seta Procurar CSS - Com essa ferramenta, podemos fazer uma busca nos códigos existentes na folha de estilo CSS. Por exemplo, se você adicionou algum código na folha de estilo, e pelo fato dela ser muito grande você não estiver encontrando o código desejado, a partir do momento em que digitar o código no campo "Procurar CSS", o código será encontrado (se digitado corretamente).
Seta Desativar o CSS de base - Caso desabilite essa opção, o CSS base do seu fórum será desativado, deixando apenas o CSS da folha de estilo.
Seta Melhorar seu CSS - Com essa função ativa, a capacidade de carregamento da página é aumentada, facilitando a navegação nas páginas de seu fórum. Mas é importante lembrar que, para que a função funcione normalmente como prometida, você terá que adicionar o código correto na folha de estilo.

Após toda a aplicação ser feita, para criar uma barra de rolagens caso seu tópico seja muito extenso, basta incluir o seguinte CSS na sua folha de estilos CSS:
Código:
#rules {
  max-height:400px;
  overflow-y:auto;
}


Perguntas & Respostas

  • Não consigo acessar o template. O que fazer?
    Templates só estão disponível para fundadores! Ou seja, se não estiver conectado à conta do fundador, não será possível realizar o processo de alteração do mesmo.

  • Vídeo tutorial

    Youtube: https://youtu.be/Eyg2pxaOmAs Assista em 720p para obter melhor resulução (FULL HD).

  • Resultado

    http://i.imgur.com/nd6JSov.gif



Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Tópico de regulamento na primeira etapa de registro do fórum
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 16305
Pontos Ativos : 20807

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

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