Realizzare una scritta scorrevole è molto semplice,
mediante l'inserimento dei tag Marquee
occorre un codice HTML e ci si possono inserire
delle immaggini
o una formattazione CSS o anche dei link
Purtroppo però ne rallenta il caricamento delle pagine
ed è proprio per questo che non tutti lo amano
e preferiscono avere siti più funzionali
e con meno effetti estetici .
Vediamo alcuni codici
per l'effetto scorrimento
orizzontale , vertivale
e con immagini
e con immagini
TESTO SCORREVOLE ORIZZONTALE
<marquee align="middle" behavior="scroll" direction="right"scrolldelay="10">inserite qui il testo</marquee>
i campi da modificare per personalizzare il blog sono:
direction: right , per far partire il testo da destra
left , per farlo partire da sinistra
scrollerlelay , più alto sarà il numero fra le
virgolette più veloce sarà lo scorrimento
del testo.
direction: right , per far partire il testo da destra
left , per farlo partire da sinistra
scrollerlelay , più alto sarà il numero fra le
virgolette più veloce sarà lo scorrimento
del testo.
se non volete un testo che scorra all'infinito
basta sostituire scroll con slide
nel capo behavior
se invece volete un testo altalenante
sostituite alternate
sempre nel campo behavior
sostituite alternate
sempre nel campo behavior
TESTO SCORREVOLE VERTICALE
CODICE:
<marquee align="middle" direction="up" height="80" scrollamount="1" scrolldelay="1" vspace="10" width="100%">inserite qui il testo</marquee>
In questo caso i campi da modificare
sono:
direction : che indica la direzione di scorrimento
up , per farlo andare verso l'alto
down , per farlo andare verso il basso
sono:
direction : che indica la direzione di scorrimento
up , per farlo andare verso l'alto
down , per farlo andare verso il basso
height , indica l'altezza dello script in pixel
width , indica la larchezza dello script in percentuale
vspace , indica la distanza del testo dai bordi
scrolldelay , anche in questo caso
indica la velocità di scorrimento
width , indica la larchezza dello script in percentuale
vspace , indica la distanza del testo dai bordi
scrolldelay , anche in questo caso
indica la velocità di scorrimento
TESTO SCORREVOLE CON IMMAGINI
Due esempi pratici sono il mio disclaimer
e il box dei banner amici
ai quali ho aggiunto un'immagine come
sfondo e i link dei blog che seguo
CODICE: ESEMPIO DISCLAIMER
<div id="cboxdiv" style="text-align: center;background-image:url(URL IMMAGINE);margin-left:auto;margin-right:auto; border:0px" cellpadding="0" cellspacing="0" width="234">
<tr><td height="430"><table style="margin-left:auto;margin-right:auto; border:0px" cellpadding="0" cellspacing="0" width="90%">
<tr>
<td height="85"></td>
</tr>
<tr>
<td><!-- Inizio codice Cbox -->
<!-- Fine codice Cbox --></td>
</tr>
</table>
</td>
</tr>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="100" direction="up" height="260" width="90%">
INSERISCI TESTO
</marquee></div>
Come ho spiegato sopra per il testo scorrevole orizzontale,
anche in questo caso ci sono campi da modificare
in base all'immagine che vuoi inserire
agendo su HEIGTH e WIDTH.
THIS .STOP e THIS .START
permettono di arrestare il testo con
il passaggio del mouse e di farlo ripartire
al momento in cui ci si allontana
permettono di arrestare il testo con
il passaggio del mouse e di farlo ripartire
al momento in cui ci si allontana
CODICE : ESEMPIO BANNER - LINK
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" scrolldelay="100" direction="up" height="260" width="100%">
INSERISCI IL CODICE LINK PRELEVABILE DEI BANNER
</p></a></div>
</div>
</marquee>
anche in questo caso
potrai modificare la direzione
UP o DOWN
ma ricorda di inserire
ogni codice prelevabile sempre prima
di
</p></a></div>
</div>
</marquee>
</marquee>
Spero di esserti stata utile
e che le mie spiegazioni siano chiare
in ogni caso sono a tua disposizione
per qualsiasi chiarimento
Ciao, grazie della visita
alla prossima
Nessun commento:
Posta un commento