Supporto volontario e collaborativo per Joomla!® in italiano

Effetto simil parallasse con plugin Marco's parallax

Valutazione attuale: 5 / 5

Stella attivaStella attivaStella attivaStella attivaStella attiva
 
Parallax background
In molti siti avrete notato uno sfondo fisso, di cui si vede una porzione attraverso una "finestra" e,"scrollando" potete vedere il resto dell'immagine.
Il plugin in questione vi permettera' di farlo.

Il modo migliore per spiegarvelo e' con un semplice esempio. Andate in questa pagina http://www.mmleoni.net/parallax-background-scroller-for-joomla e "scrollate" un po', ad un certo punto vedrete un' immagine a tutta larghezza che resta fissa. Questo e' l'effetto che otterremo.

Ecco i semplici passi da seguire per utilizzarlo nel nostro sito:
1) Scaricare dal sito sopra indicato (ovvero http://www.mmleoni.net/parallax-background-scroller-for-joomla) il plugin "Marco's parallax background scroller for Joomla".
2) Installatelo normalmente da gestione estensioni.
3) Abilitate il plugin.
4) Andate in estensioni -> Gesione plugin e cliccate su "Marco's Parallax Background". Ora dovrete agire solamente su "default image" e indicare il nome della vostra immagine(che andra' messa nella cartella "images").

5) Inserite il seguente codice nell'articolo dove vorrette mettere questo effetto
{marcoparallaxbground}
6) Ok ora dovrebbe essere tutto funzionante.

Nota
In caso vorreste inserire piu' immagini diverse anziche impostare il nome dell'immagine dai parametri del plugin lo potete passare come parametro  inserendo nell'articolo questo codice
{marcoparallaxbground height="280" image="VOSTRAIMMAGINE.JPG" caption="Fezzano bay in a sunny day"}
Ovviamente sostituite VOSTRAIMMAGINE con il nome della vostra immagine. Gli altri 2 campi (opzionali) servono rispettivamente per impostare altezza ed etichetta.

Per i piu' "cuoriosi" ecco una spiegazione di tutti i parametri di configurazione del plugin (presa dal sito dell'autore e tradotta in italiano):
Default image path: Percorso dove inserirete le immagini
Default image: Immagine da inserire come sfondo
Image Caption: Testo da inserire come etichetta immagine (facoltativo)
Height of image: Altezza immagine di sfondo.
Load css: Carica i CSS di default
css ID for container: Imposta un id al contenitore (di default assegnato in automatico)
Additional css styles: Qui potete inserire stili css aggiuntivi


commentaCommenta questo articolo sul forum

Ho scritto e condiviso questo articolo su Joomla.it, fallo anche tu. Invia ora un nuovo articolo!
Davide
Alcune informazioni su di me:
Sono un programmatore freelance con partita iva. Mi occupo principalmente della creazione di siti web e portali aziendali. Utilizzo Joomla in gran parte dei miei progetti; anche in quelli complessi scrivendo estensioni ed apportando modifiche. Collaboro (come Freelance) con web agency, colleghi o clienti finali.


Ho anche scritto:
         ✔ diventa autore su Joomla.it

Ultima versione di Joomla!®

downloadVer. 3.6.5 Stabile Italiana
Data di rilascio:14 Dicembre 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: