Personalizza la tua pagina di errore 404: pagina non trovata


Personalizza la tua pagina di errore 404: pagina non trovata

Messaggio Da Martino il Mer 8 Lug 2015 - 8:28

Personalizza la tua pagina di errore 404: pagina non trovata



ERRORE 404
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  :new: .
  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  :new: .
  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:


ATTENZIONE! I codici Javascript devono essere abilitati!

3. Risultato finale



Staff - Aiutattivo
avatar
Martino
Aiutattivo
Aiutattivo

Sesso : Maschile
Età : 19
Messaggi : 4169
Località : Italia


Vedi il profilo dell'utente http://wikiinfo.forumattivo.it/
Martino è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum