Personalizza la tua pagina di errore 404: pagina non trovata

Quando si fa clic su un collegamento ed è sbagliato o non esiste, ci viene dato un messaggio di errore. Tuttavia, è un messaggio noioso e poco ricco di informazioni. Con questo script, sarà possibile modificare la pagina di errore a proprio piacimento.
1. Creare una pagina HTML


Per aggiungere questa nuova funzionalità dovremo creare una nuova pagina HTML. Per farlo dobbiamo andare in:

Pannello di amministrazioneModuli Gestione delle pagine HTML

1. Clicchiamo il pulsante per creare la nostra pagina   .
   
2. Come titolo inserite quello che più preferite.
   
3. Alla domanda "Vuoi utilizzare la cima e il fondo del tuo forum?" Impostate "SI".
   
4. Alla domanda "Utilizzare questa pagina come indice ?" Impostate "NO".
   
5. Al campo relativo all'inserimento del contenuto dovete inserire il seguente codice HTML:
   

   Codice:

   <style>#right,#left,#search-box{display: none !important;}</style> <br /><br /><br />
<center>
   <img src="http://i18.servimg.com/u/f18/16/84/89/65/notfou10.png" />
</center>
  <br />
<center>
   Per maggiori informazioni puoi <a href="/contact">contattare gli amministratori</a> del forum.
</center><br /><br /><br />

   E' possibile personalizzare al 100% l'HTML come più si preferisce. Nel codice proposto per modificare l'immagine dovete sostituire il link compreso nel tag IMG.
   

2. Aggiungere codice Javascript

[b][b][b][b][b]Pannello di amministrazioneModuli Gestione dei codici Javascript[/b][/b][/b][/b][/b]

1. Anche in questo caso clicchiamo il pulsante per creare la nostra pagina   .
   
2. Come titolo inserite quello che più preferite.
   
3. Abilitate la posizione in "Tutte le pagine".
   
4. E' possibile ora inserire il codice Javascript:
   

   Codice:

   $(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-';
});
});

   In window.location dovete sostituire il codice ID della vostra pagina HTML. In questo caso è H1 ma potrebbe essere anche diversamente. L'ID è indicato in questo modo: