Se vuoi ricevere aggiornamenti........Unisciti al mio blog ricambierò con piacere

Post in evidenza

Lista Tutorial Blogger

Come inserire un Gadget  Made Gr aphyc Magic in un Widget html Come inserire il Like Box di Facebook Come creare una pagina su Blogge...

24 feb 2015

Come inserire un testo o immagini scorrevoli nel blog


Lisa mi chiede come inserire nel suo blog uno slideshow di immagini scorrevoli
che sono utilissime, io ad esempio le uso per mostrare i banner amici che sono 
veramente tanti e che col tempo sicuramente aumenteranno ancora di più. 
Il codice può essere utilizzato sia in una pagina in Modalità Html sia 
in un Gadget Html senza appesantire sia le pagine che la Home Page 
inserendo il codice utilizzando il tag Marquee . E visto che ci siamo approfitto 
anche di mostrarvi come creare delle scritte scorrevoli che sono 
molto carine e che di sicuro attirano l attenzione dei visitatori
Vediamo come procedere...........^_^


<div align="center">
<marquee direction="left" scrollamount="4" height="50" onmouseout="this.start()" onmouseover="this.stop()" style="text-align: center; color: #660000; border: 1px #721c30 solid;" width="400">Scritta scorrevole verso sinistra!!!</marquee>
</div>
Scritta scorrevole verso sinistra
Scritta scorrevole verso sinistra!!!
Scritta scorrevole verso destra
Scritta scorrevole verso destra!!!
Scritta scorrevole verso l alto
Scritta scorrevole verso l alto!!! Scritta scorrevole verso l alto!!! Scritta scorrevole verso l alto!!! Scritta scorrevole verso l alto!!! Scritta scorrevole verso l alto!!!
Possiamo inserire anche i banner inserendo questo codice
<div style="text-align: center;">
<marquee align="middle" direction="down" height="300" scrollamount="1" scrolldelay="1" style="text-align: center; color: #660000; border: 1px #721c30 solid;"  width="50%">
<a href="url del link"><img alt="" border="0" src="url immagine" /></a></marquee>
</div>
Immagine che scorre verso il basso
Vediamo in dettaglio che cosa possiamo personalizzare
1) Onmouseover="this.stop()" Puntando il mouse sul testo la scritta si ferma
2) Onmouseout="this.start()" La scritta ricomincia a scorrere quando il mouse non si trova nella scritta
    Entrambi i tag possono essere rimossi se non sono di nostro gradimento.
3) Left= La direzione della scritta verso sinistra
    Right=La direzione della scritta verso destra
    Up=La direzione verso l alto
    Down=La direzione verso il basso
4) Scrollamount="5" La velocità di scorrimento della scritta
5) Width= La grandezza della tabella
6) Font-size="20pt" Dimensione del carattere
7) Font-family="Georgia" Il tipo di font
8) Height="50" Altezza della scritta
9) Bg-color="660000" colore dello sfondo

Questo è tutto, se avete dubbi o altre domande io sono qui a vostra disposizione
buona notte ^_^

4 commenti:

  1. Roxy sei fantastica! Grazie grazie! Proprio quello che mi serviva per rendere tutti i banner visibili a rotazione.. per ora non ho ancora banner amici ma sarai sicuramente la prima! Un bacio^ .. Vieni a trovarmi ogni tanto!
    Lisa..

    RispondiElimina
  2. Sono felice di averti aiutata, passerò presto ^_^

    RispondiElimina
  3. grazie di essere passata a trovarmi. Ale

    RispondiElimina
  4. Ciao Roxj volevo avvisarti che ho prelevato il tuo banner,sono nuova e il mio sito è appena nato comunque grazie a te ho potuto fare cose che da sola non mi riuscivano sei bravissssssima spero passerai a trovarmi a presto

    RispondiElimina

Un tuo commento è sempre gradito:)