Effetto .fadeOut per le pagine del forum

Tutorial Effetto .fadeOut per le pagine del forum

Messaggio Da Niko Gio 24 Set 2015 - 14:56

Effetto .fadeOut per le pagine del forum


Effetto .fadeOut per le pagine del forum Logo 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.

Effetto .fadeOut per le pagine del forum Gif11

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 https://2img.net/r/ihimizer/img96/8636/carregando3.gif e modificarla con una a piacimento

Buona giornata!  :zen:

Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9576
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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