-->

TESTO SCORREVOLE

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


TESTO SCORREVOLE ORIZZONTALE

<marquee align="middle" behavior="scroll" direction="right"scrolldelay="10">inserite qui il testo</marquee>

Ciao, benvenuto nel mio blog


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.


Ciao, benvenuto nel mio blog

se non volete un testo che scorra all'infinito
basta sostituire  scroll con slide
nel capo  behavior


Ciao, benvenuto nel mio blog

se invece volete un testo altalenante
sostituite  alternate 
sempre nel campo  behavior


Ciao, benvenuto nel mio blog






TESTO SCORREVOLE VERTICALE


CODICE:

<marquee align="middle" direction="up" height="80" scrollamount="1" scrolldelay="1" vspace="10" width="100%">inserite qui il testo</marquee>


Ciao, benvenuto nel mio blog


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


Ciao, benvenuto nel mio blog

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


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



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>




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: