Pagina aggiornata... Venerdì, 01 marzo 2024 * Tempo di caricamento 0.27 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 ^_^
86.36%
Voti totali: 22
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 8547 utenti


 H: 
Buona Primavera !





Segui il telaio su Facebook

Privacy Policy Cookie Policy

* 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...


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...

ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home
 
Gabriella
07/03/2025 12:04:36
Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio
ೡ Scritto in... Banner link del telaio ^_^
 
Mamyr
06/03/2025 13:34:06
Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.
ೡ Scritto in... Almanacco in table
 
Pinalie
03/03/2025 01:38:03
Oh sweet Penelope .. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥
ೡ Scritto in... Orsetti...
 
Grazia
26/02/2025 09:43:32
Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥
ೡ Scritto in... Home
 
ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^