Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

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 08 Lug 2015, 08: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 - Moderatore

Martino
Moderattivo
Moderattivo

Sesso : Maschile
Età : 18
Messaggi : 4160
Località : Italia


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum