[TUTORIAL] Mudar a página de Erro 404

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

  • 0

[TUTORIAL] Mudar a página de Erro 404

Mensagem por Hancki em 21/03/14, 10:14 am



ERRO 404

Quando clicamos num link e ele está errado ou não existe, é-nos dada uma mensagem de erro. No entanto, é uma mensagem um quanto chata e meio sem vida. Com este script, poderá mudar a página de erro a seu gosto, criada no seu próprio fórum.


--> Tutoriais, dicas e astúcias <--
Mudar a página de Erro 404





- Criar uma página HTML:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

(carregue na imagem para aumentar)
Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
- Código a ser utilizado:
Código:
<div align="center"><img onclick="history.go(-1)" src="http://i.imgur.com/5jva2Dw.png" />
</div><br><br><br><style>#right,#left,#search-box{display: none !important;}</style>
Pode alterar a seu gosto, colocar o código que desejar. Este é apenas um exemplo, para que possamos prosseguir com o tutorial.


- Função do JavaScript:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.
- Aplicação do código JavaScript:
Vamos adicionar o seguinte código:
$(function() {
$('a').filter(function() {
var internal = !!(this.href.charAt(0) === '/' || this.href.indexOf(location.host) !== -1),
url = this.href.replace(/(^http:\/\/)|(\?.*$)/g, '').replace(location.host, '').substr(1),
tester = /^(|#\w+|portal|calendar|post|privmsg|memberlist|faq|forum|search|groups|profile|login|modcp|statistics|contact|abuse|admin(\/index.forum)?|viewonline|rss|ailto:|([tfhc]\d+(?:[pn]\d*)?-.*?)|(u\d+(\w+)?)|(s[tp]a\/.*?))$/g;
return internal && !tester.test(url)
}).click(function(e) {
e.preventDefault();
window.location = '/h1-';
});
});
Em vermelho -> Será o lugar onde terá que colocar o número da página HTML do seu fórum que foi criada no início deste tutorial. Por exemplo: http://ajuda.forumeiros.com/h1-logos


  • Resultado:





©️ Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Mudar a página de Erro 404
avatar

Hancki
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8070
Pontos Ativos : 12062

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

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


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