Effetto .fadeOut per le pagine del forum


Tutorial Effetto .fadeOut per le pagine del forum

Messaggio Da Niko il Gio 24 Set 2015 - 14:56

Effetto .fadeOut per le pagine del forum


Effetto .fadeOut per le pagine del forum

Descrizione

Tramite questo tutorial è possibile inserire sul proprio forum, un effetto di transizione fadeOut su tutte le pagine.


Installazione

Per fare tutto questo è però necessario aggiungere un nuovo codice #javascript. Segui il seguente percorso:

Pannello di amministrazione Moduli HTML & JAVASCRIPT "Gestione dei codici Javascript"  


  • Titolo: a tua scelta
  • Dove: in tutte le pagine (o dove si preferisce)
  • Codice:
    Codice:
    [code]    jQuery(document).ready(function() {jQuery("a").click(function(event){event.preventDefault();linkLocation = this.href;jQuery("body").fadeOut(1000, redirectPage);jQuery(document).ready(function(){jQuery('body').before('<div class=pagcarreg style="text-align:center"><img src="http://img96.imageshack.us/img96/8636/carregando3.gif" border=0></div>');});
        });function redirectPage() {window.location = linkLocation;
        }});[/code]


Personalizzazione

Volendo, è possibile personalizzare o cambiare l'immagine di caricamento.
Sarà sufficiente cercare all'interno del codice l'immagine http://img96.imageshack.us/img96/8636/carregando3.gif e modificarla con una a piacimento

Buona giornata!  :zen:

avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7709
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è 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