Pagina aggiornata... Lunedì, 08 Dicembre 2025 * Tempo di caricamento 0.86 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Html » *Marquee* - Scritte o immaggini che camminano

..:: Marquee ::..

...immagini e scritte che camminano sulla pagina!

Un modo simpatico e ben visibile per attirare l'attenzione in punti specifici di una pagina,
e molti parametri per personalizzarlo come vogliamo^^ ma il W3C non validerà
il codice evidenziando una serie di errori a meno che non venga inserito con Javascript^^

Cmq a me piace ^_^ per cui vi illustro i vari metodi per utilizzarlo poi fate voi!

Al tag di base <marquee>Testo/immagini</marquee> andremo ad inserire i parametri
che ci permetteranno di personalizzare queste scrittine e immagini scorrevoli
direction="#" scrollAmount="#" scrolldelay="#" height="#%" width="#%"

direction="#" Ci permette di personalizzare la direzione di scorrimento, le opzioni sono:
direction="right" -> Testo/immagine che scorre verso destra
direction="left" -> Testo/immagine che scorre verso sinistra
direction="up" -> Testo/immagine che scorre verso l'alto
direction="down" -> Testo/immagine che scorre verso il basso

scrollAmount="#" Lo scorrimento del testo/immagine è perpetuo, con questo parametro
si imposta la successione espressa in pixel quindi con lo spazio e non in termini di tempo

scrolldelay="#" Questo parametro ci permette di stabilire la velocità dello scorrimento

height="#%" Parametro per impostare l'altezza che deve occupare il testo/immagine
si può esprimere in pixel o in percentuale, utile sopratutto quando si usa il parametro
per lo scorrimento verso l' alto o in basso

width="#%" Parametro per impostare lo spazio che deve occupare il testo/immagine
rispetto alla pagina o ad una table o a un div, anche in questo caso si possono usare i pixel
o le percentuali

Per personalizzare il font, il colore e la misura, possiamo usare il classico codice per i parametri font

<font face="#" size="#" color="#****"><marquee direction="#" scrollAmount="#" scrolldelay="#" height="#" width="#">Testo/immagini</marquee></font>

Oppure inserire lo style direttamente nel tag marquee

<marquee style="text-align:center; font-family:#; font-size: #; color: #****" direction="#" scrollAmount="#" scrolldelay="#" height="#" width="#">Testo/immagini</marquee>

Potete prelevare qui questi codici base:

Marquee con classico codice font

 Marquee con style incorporato


Anche nel marquee si può aggiungere il parametro title="" per inserire
un breve messaggio che sarà visibile quando si passa con il mouse sul testo/immagine

<marquee  title="Messaggio" style="text-align:center; font-family:#; font-size: #; color: #****" direction="#" scrollAmount="#" scrolldelay="#" height="#" width="#">Testo/immagini</marquee>

- Ecco un esempio, poggiate il mouse sulla scritta per vedere l'effetto

^_^ e' divertente fare queste scrittine



Qualche esempio pratico con il codice pronto da prelevare

Scritta che sale: direction="up"

Tag Marquee Tag Marquee
Tag Marquee Tag Marquee
Tag Marquee Tag Marquee

Preleva il codice qui:
Immagine che sale: direction="up"

Preleva il codice qui:
Scritta che scende: direction="down"

Tag Marquee Tag Marquee
Tag Marquee Tag Marquee
Tag Marquee Tag Marquee

Preleva il codice qui:
Immagine che scende: direction="down"

Preleva il codice qui:
Scritta che va a sinistra: direction="left"

Tag Marquee Tag Marquee Tag Marquee Tag Marquee Tag Marquee - Tag Marquee

Preleva il codice qui:
Immagine che va a sinistra: direction="left"

Preleva il codice qui:
Scritta che va a destra: direction="right"

Tag Marquee Tag Marquee Tag Marquee Tag Marquee Tag Marquee Tag Marquee

Preleva il codice qui:
Immagine che va a destra: direction="right"

Preleva il codice qui:

Possiamo utilizzare il marquee anche nelle table, molto carine per
dei messaggi in evidenza o per far scorrere delle immagini

...con scritta^^

Tag Marquee Tag Marquee
Tag Marquee Tag Marquee
Tag Marquee Tag Marquee
  ...con immagini^^

La guida per tanti altre scrittine in movimento sfiziose la trovate in
Marquee speciali e qui trovate... Marquee Javascript

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^
90.48%
Voti totali: 21
Rating... 5





Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  


~ Pagina visitata da 7276 utenti


 H: 
Buon Inverno e ...buona domenica!





Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥

..:: Basi ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...

Natale menu
..Natale menu..

ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio

Sito o forum
Blogger-Blogspot

Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Sari
18/12/2025 22:01:59
Ciao Penelope, ti seguo da anni e tanto ho imparato dalle tue lezioni: grazie. Ti auguro un Natale sereno e, nonostante i tempi che stiamo vivendo, in allegria. Buon Natale
ೡ Scritto in... Home
 
filod'arianna
14/12/2025 09:32:05
Ciao Penelope, ho preso un countdown Grazie mille per averli messi a disposizione, sono deliziosi! Ne userò più d'uno sicuramente:-)
ೡ Scritto in... Countdown stagioni e feste
 
Elise
13/12/2025 18:12:05
Ciao carissima Penelope, quante meravigliose creazioni di Natale che hai realizzato, ne hopresa una, il caminetto con le calze, STUPENDO!!!!!Grazie tesoro un abbraccio grande e Buone Feste a te e tutta la tua famiglia.Elise
ೡ Scritto in... Decori pagine Natale
 
Grazia
06/12/2025 16:01:26
Ciao carissima Penelope💓 Wow bellissime le tue novità natalizie! A me tutto ok, ti ringrazio di essere passata nel Taccuino 🥰 Lascio un fortissimo abbraccio a te e ai ragazzi. A presto carissima 💖
ೡ Scritto in... Home
 
ೡPenelope ♥
04/12/2025 02:20:20
Cara filod'arianna sistemato il link un abbraccio
ೡ Scritto in... *Amici del telaio...*
 
filod'arianna
03/12/2025 11:57:26
Ti devo chiedere una gentilezza Penelope ^_^ ho modificato il dominio, potresti correggere il link del mio banner da librandosi.forumfree.it - a librandositralepagine.forumfree.it ? 🙏
ೡ Scritto in... *Amici del telaio...*
 
filod'arianna
03/12/2025 10:40:55
Ciao carissima , ho preso un decoro per l'home natalizia ♥
ೡ Scritto in... Decori pagine Natale
 
ೡPenelope ♥
29/11/2025 18:34:13
Grazie a te carissima Marilinc
ೡ Scritto in... Settimanelli natalizi
 
ೡPenelope ♥
29/11/2025 18:30:37
Merci beaucoup chère Maleah, vous trouverez ici des modèles prêts à l'emploi pour Blogspot [Link] e ne peux pas réaliser de travaux sur commande, désolé
ೡ Scritto in... html e script Tutorial...
 
MARILINC
29/11/2025 08:59:51
Grazie infinite meravigliosi c'è solo l'imbarazzo della scelta!
ೡ Scritto in... Settimanelli natalizi