Pagina aggiornata... Venerdì, 01 marzo 2024 * Tempo di caricamento 0.94 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 8962 utenti


 H: 
Buon Autunno !





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

Elise
26/10/2025 19:43:22
Ciaoooo carissima Penelope,ho preso una fatina per il mio blog.Sei bravissima come sempre e ti ringrazio tanto.Un abbraccioneElise
ೡ Scritto in... Romantiche fate...
 
JamieSilverJsC
26/10/2025 19:08:12
Buon sera Amica!! Bellissima tuo sito!! Buon domenica
ೡ Scritto in... Home
 
filod'arianna
25/10/2025 07:27:02
Buongiorno! Ho adottato un pixel ❣😘
ೡ Scritto in... I love Winter...
 
Frann
24/10/2025 21:22:26
Ciao cara Penelope...come stai?Sono passata solo per farti sapere che ho aggiunto una casella messaggi al mio blog. Sentiti libera di lasciare un messaggio lì se vuoi :) Un abbraccio, cara.
ೡ Scritto in... Home
 
ೡPenelope ♥
24/10/2025 15:43:49
Grazie cara Veronica, perdonami se ti rispondo qui ma non sono registrata nel forum e non posso lasciare commenti ^_^ mi fa molto piacere ti piacciano le cosine che realizzo, un abbraccio forte
ೡ Scritto in... Home
 
Veronica
23/10/2025 14:37:12
Ciao ti o preso un datario con saluto
ೡ Scritto in... Pucciosi!
 
Veronica
23/10/2025 08:18:29
Ciao preso un tu adottino x il forum
ೡ Scritto in... Home
 
Cleo
22/10/2025 07:58:14
sempre ricco il tuo sito buona giornata tesoro un abbraccio
ೡ Scritto in... Home
 
Veronica
21/10/2025 17:37:12
Ciao preso uno x il mio Blog troppo bellini
ೡ Scritto in... I love Winter...
 
Grazia
20/10/2025 17:09:30
Dimenticavo il link ♥
ೡ Scritto in... Home