Supporto volontario e collaborativo per Joomla!® in italiano

Animate it!: un plugin gratuito per animare il sito

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Animate it! è un plugin gratuito per Joomla che consente di inserire facilmente delle animazioni CSS3 ad effetto nel proprio sito (bounce, fade, zoom, rotate, ecc...), in particolare all'interno dei contenuti e nei moduli.

Vediamo come utilizzarlo.

Demo estensione: http://www.downloads.eleopard.in/animate-it-demo.html
Download estensione: http://www.downloads.eleopard.in/animate-it-download
Scheda nella JED: https://extensions.joomla.org/extensions/extension/style-a-design/design/animate-it/

Installiamo il plugin e assicuriamoci che sia pubblicato.

Animazione di un modulo

Per animare un qualsiasi modulo di Joomla, dobbiamo andare alla pagina Class Generator del sito dello sviluppatore:




Da questa pagina possiamo impostare uno stile di animazione. Gli effetti a disposizione sono 75 e sono suddivisi in:
- Attention Seekers
- Bouncing Entrances
- Bouncing Exits
- Fading Entrances
- Fading Exits
- Flippers
- Lightspeed
- Rotating Entrances
- Rotating Exits
- Sliding Entrances
- Sliding Exits
- Specials
- Zoom Entrances
- Zoom Exits

Con il parametro Delay possiamo decidere il tempo di comparsa dell'effetto e con il parametro Duration la durata.
Possiamo anche decidere se l'animazione deve avvenire allo scroll della pagina, al click o al passaggio del mouse.

Cliccando sul pulsante Generate appare un popup modal che ci mostra il codice da copiare:




Apriamo ora in amministrazione il modulo che vogliamo animare, andiamo nel tab Avanzate. All'interno del parametro Suffisso classe CSS modulo inseriamo il codice copiato dal Class Generator e salviamo.
Ricaricando la pagina in frontend potremo vedere l'animazione applicata al modulo durante il caricamento della pagina.


Animazione di un contenuto

Per animare un contenuto non è necessario andare nella pagina Class Generator, è già disponibile nell'editor dei contenuti un comodo pulsante:



Cliccando sul pulsante si apre un modal per creare l'animazione all'entrata (Entry) e all'uscita (Exit):



Cliccando sul pulsante Animate It! possiamo vedere l'animazione applicata all'icona rossa in alto, cliccando su Insert inseriamo il codice del plugin all'interno del contenuto dell'articolo.
Nel tab Options troviamo altri parametri:



Una volta inserito, il codice appare così:

{edsnewanimate|class="eds-animate edsanimate-sis-hidden "|data-eds-entry-animation="fadeIn"|data-eds-entry-delay="0"|data-eds-entry-duration="0.5"|data-eds-entry-timing="linear"|data-eds-exit-animation=""|data-eds-exit-delay=""|data-eds-exit-duration=""|data-eds-exit-timing=""|data-eds-repeat-count="1"|data-eds-keep="yes"|data-eds-animate-on="load"|data-eds-scroll-offset=""}

Please add your content in this area.

{/edsnewanimate}


Il contenuto, che sia testo o immagine, va inserito al posto della frase Please add your content in this area.

Lo stesso codice può essere ripetuto all'interno dell'articolo, creando diversi effetti e diversi tempi di entrata.

NB: se si utilizza all'interno del testo di un modulo Personalizzato, assicuriamoci che il parametro Interpreta codice plugin sia attivo:





Come vedete il plugin è molto semplice da utilizzare ed è gratuito senza limitazioni di funzionalità, Inoltre la documentazione è chiara e semplice da seguire.

 

CommentaCommenta questo articolo sul forum

Ultima versione di Joomla!®

downloadVer. 3.7.0 Stabile Italiana
Data di rilascio: 25 Aprile 2016
(leggi la notizia Demo online

Le migliori estensioni gratuite

Un elenco aggiornato con i link a più di 100 estensioni fra componenti, moduli e plugin gratuiti per Joomla! 3

Manuale in italiano

Manuale in italianoPer conoscere meglio Joomla!, le sue caratteristiche ed il metodo di utilizzo leggi il manuale tradotto in italiano.

Molto utili anche le risposte alle domande più frequenti: FAQ

Sicurezza del proprio sito Joomla!Leggi anche: Nozioni sulla sicurezza del proprio sito

Autori di articoli recenti

Invia un articolo!Scrivi un articolo su Joomla.it e ricevi i ricavi dalle pubblicità di Google Adsense!
Segui queste istruzioni, condividi e collabora con la community. L'elenco degli autori attivi sul sito.

Libri consigliati

Torna su

Joomla.it sui Social Network

JoomlaDay Italia

JoomlaDay

Newsletter

Inserisci qui la tua e.mail: