Supporto volontario e collaborativo per Joomla!® in italiano

Testo scorrevole in Joomla 2.5

Molti vorrebbero inserire un testo scorrevole nei propri siti o blog, tutto abbastanza facile se vengono realizzate pagine in formato HTML, ma con Joomla o altri CMS è diventato un problema. Di fatto quando inseriamo il codice HTML all'interno dell'area editor utilizzata per realizzare l'articolo o un modulo in HTML personalizzato, il codice viene cancellato.
Ricercando nella JED ho trovato questo modulo : mod_custom_advanced, semplice ed efficace, in quanto permette di inserire il codice HTML come ad esempio quello utilizzato per il TESTO SCORREVOLE.


Vediamo ora i vari passaggi e il codice HTML occorrente.
Scaricare dalla JED il modulo, lo trovate in formato .zip e prima di caricarlo sul vostro sito dovrete scompattarlo.
Una volta estratti i file il modulo che dovrete caricare sul sito è : mod_custom_advanced, seguite le procedure che abitualmente fate per caricare i moduli e componenti sul vostro sito lato amministrativo, ovvero : Estensioni/Gestione estensioni/Installa.
Una volta installato, andate in : Estensioni/Gestione Moduli e troverete nell'elenco moduli il nome : Custom HTML advanced, selezionatelo e vi si aprirà la seguente schermata
modulo testo scorrevole
Questa è la parte dedicata al titolo, posizione del modulo, attivazione, visione nei menù, ecc. Nella parte destra troviamo 3 sezioni dedicate alle opzioni del modulo.
La prima è quella per l'inserimento del codice HTML
testo scorrevole html
La seconda è dedicata al codice CSS per modificare lo stile del modulo
Testo scorrevole css
La terza è dedicata ai parametri delle opzioni del modulo.
parametri testo scorrevole
Inseriamo il nostro codice HTML per il testo scorrevole nella prima sezione delle opzioni.
Per realizzare il testo scorrevole utilizziamo il tag HTML (racchiuso tra i caratteri di apertura "<" e di chiusura ">") : MARQUEE + testo che deve scorrere + /MARQUEE, questa è la riga di comando più semplice per fare scorrere il testo.
Va detto che al tag MARQUEE è possibile associare anche altri parametri, questi sono i più utilizzati :
onmouseover : quando il mouse viene posizionato sopra la scritta, essa può reagire con lo stop o lo start. esempio : onmouseover=this.stop(), il testo arresta lo scorrimento, onmouseover=this.start(), il testo inizia lo scorrimento. Normalmente viene utilizzato nella forma : this.stop();
onmouseout : ha la medesima funzione di quello sopra, con la differenza che reagisce quando il mouse esce dalla riga del testo, normalmente utilizzato nella forma : this.start();
scrollAmount : questo parametro ha la funzione di dare uno spazio tra la fine del testo ed il successivo inizio dello scorrimento;
scrollDelay : questo parametro ha la funzione di controllare la velocità di scorrimento del testo;
direction : funzione utilizzata per fare lo scorrimento nelle quattro direzioni ( dall'alto, dal basso, da destra e da sinistra ) normalmente utilizzato con left o up;
height : parametro per la dimensione in altezza della finestra dove scorrerà il testo, questo parametro viene utilizzato quando si vuole fare scorrere il testo in un modulo laterale alla pagina;
width : gestisce la larghezza della finestra di scorrimento, se non viene inserito, il testo effettuerà lo scorrimento per l'intera larghezza della posizione inserita ( modulo o articolo );
align : utilizzato per dare l'allineamento del testo, viene utilizzato quando inseriamo i parametri di direzione up o down, normalmente se il testo scorre in orizzontale da destra a sinistra possiamo evitare di inserirlo.
Questi e altri parametri, devono essere inseriti all'interno della chiusura ">" del primo tag MARQUEE, come ad esempio :
marquee onmouseover=this.stop() onmouseout=this.start() > Testo scorrevole che si ferma con il mouse sopra e riparte con il mouse spostato fuori dalla riga. /marquee
Altri Tag quali colore, font carattere, dimensione, ecc, possono essere inseriti dopo la chiusura ">" del primo marquee e prima del testo, ricordandosi di chiudere il tag inserito, prima di /marquee, come ad esempio :
marquee + font face="Verdana" size="4" color="#ff0000" + Testo scorrevole modificato nel colore caratteri /font + /marquee
Alcuni esempi di utilizzo del tag MARQUEE potete trovarli in questa pagina.

CommentaCommenta questo articolo sul forum