Pubblicato il 22/01/09 - aggiornato il  | 41 commenti :

Come inserire una scritta scorrevole in un articolo o in Homepage del blog.

Questa funzionalità è stata testata in Blogger ma non escludo possa funzionare in altre piattaforme.
Cominciamo con lo scrivere il codice e poi penseremo alle personalizzazioni

<marquee direction="Up" scrollamount="8"  width="318" style="font-size: 12pt;
color: #800000; font-family: Tahoma" height="66" onmouseover="this.stop()" onmouseout="this.start()" bgcolor="#FFCC99">Idee per Computer ed Internet by Parsifal32</marquee>




  1. marquee è la tag che viene usata per questo effetto
  2. direction si possono usare gli attributi up, down, left e right per far scorrere la scritta in senso orizzontale da sinistra a destra e viceversa e in senso verticale dall'alto in basso e viceversa
  3. scrollamount è la velocità di scorrimento, più è alto il numero maggiore è la velocità
  4. width è la larghezza della finestra di testo e si indica in pixel
  5. font-size è la dimensione in pixel dei caratteri della scritta
  6. color è il colore del testo
  7. font-family è il tipo di carattere
  8. height è l'altezza in pixel del riquadro della scritta
  9. bgcolor è il colore dello sfondo
  10. Idee per computer ed internet by Parsifal32 è il testo che vedremo scorrere nel momento in cui saranno inseriti tutti i parametri
  11. onmouseover="this.stop()" il testo si ferma quando si è sopra con il mouse
  12. onmouseout="this.start()" il testo parte quando il mouse lascia il testo
Altre personalizzazioni possono essere
  1. behavior="alternate" per alternare lo scorrimento
  2. behavior="slide" il testo si ferma quando ha raggiunto la fine
  3. loop="6" indica il numero di volte che si lascia scorrere
Questo codice si inserisce in Modalità HTML in un post di Blogger. Il risultato eccolo qua sotto. Nel momento in cui si passa il mouse sopra la scritta smette di scorrere e riprende quando si toglie.

Idee per computer ed internet by Parsifal32




41 commenti :

  1. Ma come mai io non vedo la scritta che scorre ma la vedo ferma???

    RispondiElimina
  2. @Astasia
    Innanzitutto Ciao e bentornata. La scritta la vedi ferma?
    Io con Firefox la vedo che scorre. Inizia a scorrere non immediatamente ma dopo che si è aperta la pagina completamente. Che browser usi?

    RispondiElimina
  3. La scritta funziona anche su Explorer e Chrome. Astasia ma tu hai Safari?

    RispondiElimina
  4. Ciao Parsifal :-)
    No oggi navigavo dall'ufficio con Explorer ora che sono a casa con Firefox la vedo scorrere...
    Devo dire però che non finiva mai di caricare la pagina forse dipendeva da quello?
    Mi piace proprio questa feauture!! Sarà mia molto presto! :-)

    RispondiElimina
  5. ciao,
    mi piacerebbe che si muovesse in verticale... si può fare??

    RispondiElimina
  6. @Astasia
    La scritta si vede con Firefox, Explorer e Chrome, l'ho testata con tutti e tre. Forse l'hai visualizzata proprio mentre la stavo modificando ed era per questo che non si ricaricava
    @Vit
    Certo che si può far muovere anche in verticale!
    Basta sostituire left con up per farla andare dal basso in alto e con down per farla andare dall'alto in basso.
    In questo caso è meglio ridimensionare il riquadro e variare l'attributo width (larghezza) mettendola più piccola e height (altezza) che dovrà essere necessariamente più grande.
    Ciao a risentirci

    RispondiElimina
  7. ciao Parsifal,
    grazie per la pazienza... (avevo letto distrattamente il post)
    ho provato ad inserire lo script per fermare il testo quando scorre ed in effetti lo blocca ... però non riparte più. da cosa può dipendere da dove metto lo script in aggiunta??

    RispondiElimina
  8. @Vit
    Ho apportato delle variazioni al codice; adesso dovrebbe fermarsi se ci si passa sopra con il mouse e ripartire quando si toglie

    RispondiElimina
  9. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  10. Cavolo il messaggio mi ha eliminato il codice per andare a capo che è br/ racchiuso fra < >

    RispondiElimina
  11. riposto il msg eliminato erascritto in maniera indecente)

    Grazie;
    per completare l'opera (a capo basta aggiungere
    ) e per aggiungere un link cliccabile???

    RispondiElimina
  12. ma devo sostituire solo il nome del blog?cosa appare dopo? devo inserirla come elemento java?aiutoooooo come sono ottusa!
    Lella

    RispondiElimina
  13. ciao lella,
    se hai un blog di google copia e incolla lo script di Parsifal in un gadged script html, lo trovi subito scorrendo l'elenco dei gadget)

    RispondiElimina
  14. @Lella
    Carissima puoi fare quello che preferisci.
    1)Puoi aggiungere la scritta in un elemento del blog tipo aggiungi gadget>HTML/Javascript
    2)puoi metterla all'interno di un articolo passando alla modalità HTML ed incollando il codice
    P.S. La scritta che vuoi visualizzare la devi sostituire a "Idee per computer ed internet by Parsifal32"
    Spero di essere stato chiaro ma se non lo fossi stato prima di postare il codice vai a questa pagina
    http://htmledit.squarefree.com/
    ed incollalo nella parte alta della pagina dopo aver eliminato il testo presente; nella parte sottostante visualizzi quello che si vedrà nel tuo blog con il codice che hai immesso.
    Io faccio sempre così per essere sicuro di non postare codici fasulli

    RispondiElimina
  15. @abdeilah
    Dimmi pure se posso aiutarti lo faccio volentieri

    RispondiElimina
  16. Grazie veramente! sei molto chiaro ....

    RispondiElimina
  17. Grazie Grazie Grazie tanto! Fantastico, con i tuoi consigli finalmente sono riuscito a creare un mio blog.....non è il massimo, ma sai come si dice....ogni figl è bell 'a mamma soia'!
    Sei un mito.
    Ciao

    RispondiElimina
  18. @Badsky
    Ho visto l'articolo e il codice non ri riusciva bene a comprendere perché era venuto male. Adesso l'ho messo a posto. Come hai fatto a copiarlo?
    Sei tu un mito...

    RispondiElimina
  19. Ciao, l'ho semplicemente selezionato con il mouse e copiato su un nuovo gadget html\java del mio blog. Nel tuo articolo non appariva xchè forse dello stesso colore dello sfondo ma con copia e incolla è stato facile. Poi ho cambiato il valore di certi parametri x renderlo uniforme alo mio blog. Alla fine ho fatto poco, il più è stato il tuo aiuto.
    grazie, Badsky

    RispondiElimina
  20. @Badsky
    Molto abile!
    Grazie di avermi dato la possibilità di correggere questo post che non so per quale ragione non veniva visualizzato correttamente.
    Ciao

    RispondiElimina
  21. come mai, quando scrivo la frase, non va a capo come dico io?? Grazie in anticipo :)

    RispondiElimina
  22. @ancorastar e sherek200 E come dici tu? ^_^
    Per andare a capo bisogna inserire un salto di riga < br/ > senza spazi. Però può essere utilizzato solo per scritte che vanno verso l'alto o vero il basso

    RispondiElimina
  23. ciao, complimenti per il tuo lavoro e grazie per tutte le soluzioni e le dritte che mi hai passato. mi occupo di un blog locale (www.edicoladipinuccio.net), e mi piacerebbe aggiungere al testo scorrevole di questo script un flusso rss (http://feeds.feedburner.com/edicoladipinuccio/xrAy?format=xml).
    è possibile farlo? e come?
    grazie per la risposta.
    ciao

    RispondiElimina
  24. @rassegna stampa...
    Non vedo come potrebbe essere possibile, questo serve solo per del testo. Si può mettere un collegamento a un feed ma non visualizzarli

    RispondiElimina
  25. come si cambia il colore del testo ... mi date i codici di certi colori?

    RispondiElimina
  26. @Edoardo
    Per cambiare colore al testo bisogna inserire il codice esadecimale dei colori
    http://www.ideepercomputeredinternet.com/2008/12/come-conoscere-il-codice-numerico-dei.html
    Per conoscere i codici dei colori più importanti leggi questo post
    http://www.ideepercomputeredinternet.com/2010/02/tabella-interattiva-in-italiano-dei.html

    RispondiElimina
  27. ho messo il codice sul mio sito ma come faccio a centrare la scritta visto che non risulta centrata rispetto alla barra grazie.

    RispondiElimina
  28. @esax93
    Prova a mettere
    <center> all'inizio del codice e </center> alla fine

    RispondiElimina
  29. niente non riesco a risolverlo!

    RispondiElimina
  30. Ciao ! Ma si possono inserire collegamenti ipertestuali ?

    RispondiElimina
    Risposte
    1. @FedetailsFranco
      Certamente sì. Se non conosci il codice per farlo leggi il mio ebook Guida all'HTML (è gratuito)
      http://www.ideepercomputeredinternet.com/2012/09/guida-html-ebook.html

      Elimina
  31. ciao, ho creato un piccolo sito tramite google sites, vorrei inserire un testo scorrevole verticalmente dentro a un box, tipo news. Ma se provo a usare il Gadget Casella HTML non considera il comando marquee.
    come posso fare?
    grazie 1000.
    alessandro

    RispondiElimina
    Risposte
    1. @ Alessandro
      Non ho mai provato a inserire del codice nei siti creati con Google Sites quindi non ti saprei dire. Probabilmente ci sono delle limitazioni perché in un altro commento mi si diceva della impossibilità di mettere il bottone Mi Piace.

      Elimina
  32. Ciao Ernesto, sei il mio idolo :) ho provato a scrivere un testo leggermente lungo e ad un certo punto lo tronca, cosa si può fare per modificarlo?

    Grazie
    Dany

    RispondiElimina
    Risposte
    1. @# Idolo? ahahah non esageriamo :D
      Se il testo ha un numero di caratteri superiore alla larghezza che si è scelto ci possono essere problemi di quel tipo

      Elimina
  33. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  34. io invece non riesco a fare la scritta :-(

    RispondiElimina
    Risposte
    1. EVVAIIIIIIIIIIIIIIIII !!!!!!!!!!!!!!!!! GRAZIE !!!!!!!!!!!!!!!!

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.