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
» Formulário de Registo personalizado
Hoje à(s) 3:34 por juleic1123

» Personalizar Chatbox
Hoje à(s) 3:23 por YouTube3

» Caixa de Login
Hoje à(s) 3:07 por YouTube3

» Ultimos assuntos
Hoje à(s) 3:01 por Biel_Staff

» Ajustar aspeto de formulário
Hoje à(s) 2:53 por IsmaelS.

» Problema de resolução de tela dos usuários
Hoje à(s) 2:25 por Luiz~

» Banner edição no texto e mais efeito.
Hoje à(s) 2:21 por Sr.Oliveira

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
iScroll
 
YouTube3
 
Tiger
 
IsmaelS.
 
juleic1123
 
Sr.Oliveira
 
Biel_Staff
 

Quem está conectado
187 usuários online :: 4 usuários cadastrados, 1 Invisível e 182 Visitantes :: 2 Motores de busca

♦stefan♦, Biel_Staff, juleic1123, ranzatti

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

[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 Crowley em Dom 28 Ago 2016 - 18:40



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 Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15854
Pontos Ativos : 23371

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