30 giugno 2009

108 commenti Condividi il post

Come inserire una scritta scorrevole nel blog

scritta scorrevoleVi è mai capitato di vedere delle scritte scorrevoli su alcuni blog o siti?

Ecco per inserire nel blog una scritta scorrevole tipo questa:

Benvenuti sul mio blog!!!



vi basta utilizzare il tag html

<marquee>.

Ecco il codice html da utilizzare:

<marquee direction="left" scrollamount="2" height="30" onmouseout="this.start()" onmouseover="this.stop()" style="text-align: center; border: 1px #F5C1CD dashed;" width="200">Benvenuti sul mio blog!!!</marquee>

Vediamo in dettaglio le proprietà e come personalizzarle.

direction="left": indica la direzione dell'animazione (i valori che può assumere sono up, down, left o right)

scrollamount="2": indica la velocità dell'animazione

height="30" e width="200": indicano le dimensioni dell'animazione

onmouseover="this.stop()" e onmouseout="this.start()": sono le funzioni che bloccano e fanno ripartire l'animazione al passaggio del mouse

style="text-align: center; border: 1px #F5C1CD dashed;": indica l'aspetto dell'animazione (è possibile impostare l'allineamento del testo, il colore, lo sfondo, il bordo, ecc)

Benvenuti sul mio blog!!!: è la frase da visualizzare.

Ecco alcuni esempi di animazioni...


Animazione
verso
il
basso
Animazione
verso
l'alto
Animazione verso sinistra
Animazione verso destra

E' possibile inserire anche immagini...

Margerite Rose rosse Bouganvilla

Io ho sostituito gli antipixel dei miei link preferiti (stavano diventando troppi e la pagina impiegava un'eternità a caricarli tutti) con un'animazione... cosa ne pensate?

Newsletter by follow.it


Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

108 commenti

  1. Ma sei troppo... granderrima!!!!!
    lo copio subito! mi piace un sacco... cosa faccio boh... ma lo copio!
    ciao

    RispondiElimina
  2. @Ale: grazie grazie... troppi complimenti!
    Ho visto ora le ricettine che mi avevi mandato, appena le provo ti faccio sapere!

    RispondiElimina
  3. Jole ho provato ma come si fa a cambiare il font ed il colore del testo?
    Sono gnuccaaaaaaaaaaa
    grazie

    RispondiElimina
  4. @Germana: per impostare il colore e il font del testo devi aggiungere in style font-family e color, ad esempio
    style="font-family: Verdana; color: #F5C1CD".
    Se vuoi inserire una scritta animata nella sidebar e non sai come impostare colore e font-family, prova a scrivere la frase che vuoi nell'editor dei post, imposti colore e font e copi l'html.

    RispondiElimina
  5. Trovo sempre spunti per fare qualche prova, GRAZIE!! l'unica nota negativa sono i browser .. Ciao !!

    RispondiElimina
  6. @ec.log: purtroppo è così, ho letto che non funziona su tutti i browser. Io l'ho provato su Chrome, Firefox, Opera e Internet Explorer 6 e funziona benissimo.

    RispondiElimina
  7. come sempre molto chiara.
    Grazie, anche se l'ho già utilizzato.

    RispondiElimina
  8. Veramente molto interessante...
    Riguardo ai link ti dico che hai fatto bene a scegliere questa soluzione, perchè in effetti avevo notato anch'io che a volte non si caricavano alcuni antipixel. Inoltre quando passi il mouse sull'elenco esso si ferma, così non devi "rincorrere" il blog che ti interessa! :-D

    RispondiElimina
  9. Grazie per questo nuovo script, Iole, sei sempre utilissima!

    Però ti confesso che tutti gli esempi che hai messo tutti vicini mi hanno fatto venire un gran malditesta! :-)

    RispondiElimina
  10. sei bravissima...sapessi quanto li ho cercati un pò di tempo fà..
    un bacio grande
    Giulia

    RispondiElimina
  11. @vit: anch'io lo utilizzerò per il disclaimer come hai fatto sul tuo blog.
    @Den: eh sì gli antipixel erano veramente troppi e alcune volte mi è capitato di non visualizzarne alcuni perché non disponibili su imageshack (quindi dovevo ri-caricarli e sostituire il link non funzionante).
    @Tarkan: non è uno script! Cmq li ho messi tutti vicini proprio per far venire il mal di testa ai miei lettori e vedo che ci sono riuscita ;)
    @*Alidiluna*: come ti dico sempre "per qualsiasi cosa contattami e avrai la risposta!!!"

    RispondiElimina
  12. Bello! Grazie Iole!
    Lo utilizzerò per il mio nuovo blog.
    Rosa

    RispondiElimina
  13. Era un po' che non passavo da qui purtroppo.

    Stai facendo un lavoro eccezionale cara.

    Questa dritta poi è simpaticissima. ^_^

    RispondiElimina
  14. @Vampiretta: io passo spesso a visitare il tuo blog, sperando di trovare qualche bella notizia.

    RispondiElimina
  15. ciao iole!!!ho provato a inserire un immagine invecce che testo pero'non ci riesco...devo andare in layout-aggiungi gadget html o foto??quali sono i passi essatti per inserire immagini scorevoli?grazie!

    RispondiElimina
  16. @nicole c: se vuoi inserirla nella sidebar, devi aggiungere un gadget di tipo html/javascript.

    RispondiElimina
  17. ti ringrazio pero' come sempre non ci sono riuscita,una volta che aggiungo un html l'immagine non ci riesco ad aggiungerla xche non ce' l'opzione,ho provato a caricarla prima su photopucket,poi inserisci link...niente,uffa

    RispondiElimina
  18. @nicole c: mandami via email l'indirizzo dell'immagine che hai caricato che ti mando l'html da inserire nel gadget.

    RispondiElimina
  19. grazie iole per il tuo grandissimo aiuto!!!

    RispondiElimina
  20. Cara Iole! sei veramente brava e grazie a te sto capendo qualcosa in piu'...Ti sarei grata se potessi scrivere l'URL completo dello scorrevole con tante immagini. Non riesco a capire come inserirne piu' di una....

    Grazie ancora!

    RispondiElimina
  21. @Pinella: il codice html per inserire più immagini scorrevoli è questo:

    <marquee direction="left" scrollamount="4" onmouseout="this.start()" onmouseover="this.stop()" scrolldelay="0" style="border: 1px dashed #B489C6; text-align: center; padding-top: 5px;" height="85" width="440">
    <img src="img1" />
    <img src="img2" />
    <img src="img3" />
    </marquee>

    Ovviamente va personalizzato con i colori del proprio blog!

    RispondiElimina
  22. ma qual'è il codice html x i testi scorrevoli??

    RispondiElimina
  23. @Muà: se leggi bene il post c'è scritto
    [...] Ecco il codice html da utilizzare:
    <marquee direction="left" scrollamount="2" height="30" onmouseout="this.start()" onmouseover="this.stop()" style="text-align: center; border: 1px #F5C1CD dashed;" width="200">Benvenuti sul mio blog!!!</marquee>[...]

    RispondiElimina
  24. Ciao Iole,
    Innanzitutto Grazie infinite per le splendide "dritte" che metti a disposizione di tutti noi.
    Poi... riguardo questa, nella fattispecie, avrei un quesito: ho seguito la procedura per creare una serie di immagini scorrevoli (come proposto in esempio da te verso la fine del post), riportando (ovviamente) in sostituzione della dicutura "img1", direttamente il link delle foto caricate - ad esempio http://farm4.static.flickr.com/3173/362355_0fc31a9_t.jpg - su Flickr... ma accade che compare un'immagine enorme anziché quelle piccine che ho visto da te e cliccandoci non appare quella sorta di 'finestra' ingrandita come nel tuo caso. Occorre prima rimpicciolirle e caricarle altrove oppure ho sbagliato qualcosa io? Non si può impostare una grandezza fissa della foto direttamente lì tramite 'codice'?

    Ti ringrazio in anticipo.
    Buon weekend.

    :-)

    RispondiElimina
  25. @Dolce.mente: cliccando sul link che hai lasciato non visualizzo alcuna foto. Cmq su Flickr, per ogni foto che carichi viene creata la miniatura quadrata (come quelle che ho messo io nel post) e le foto nelle dimensioni "piccola", "media" e "grande" senza che li rimpicciolisca tu.
    Per quanto riguarda la sorta di 'finestra' ingrandita devi aggiungere nel tuo blog lo script Lytebox, come spiego in questo post.

    RispondiElimina
  26. Il link che ho riportato sopra era solo a titolo esemplificativo... comunque grazie per la delucidazione. Quindi, se ho ben capito, nel caso in cui la foto fosse caricata altrove (e non su Flickr) andrebbe ridimensionata a parte, diciamo "manualmente"?

    P.s. Colgo l'occasione per farti un'altra domanda: c'è già un post nel quale hai spiegato come inserire in Blogger una favicon con testo scorrevole simile alla tua? Ho provato a cercare ma non l'ho trovato.

    Grazie ancora per la tua disponibilità.

    :-)

    RispondiElimina
  27. @Dolce.mente: qualunque foto tu voglia utilizzare, se troppo grande va ridimensionata manualmente.
    Per quanto riguarda la favicon, la mia è un'immagine gif animata. Per inserirne una animata nel blog, devi creare la gif animata e aggiungere questo codice html:
    <link href='url immagine.gif' rel='icon' type='image/gif'/>
    mentre per una favicon "non animata" il codice html è questo:
    <link href='url favicon.ico' rel='shortcut icon' type='image/x-icon'/>.

    RispondiElimina
  28. Grazie ancora, sei preziosissima! Buona giornata... :-)

    RispondiElimina
  29. Ciao Iole ho dato uno sguardo al tuo blog, non posso dirti altro che " COMPLIMENTI"!!!!!!
    Ciao da MIKI68

    RispondiElimina
  30. Carissima
    sei bravissima ho visto nel blog di Solidea e Ale le strisce scorrevoli , mi piacerebbe tanto inserire anche a me dato che ho tante ricette ,ma di informatica ,proprio zero e mi dipiace moltissimo non riuscire a fare, un abbraccio ciao army

    RispondiElimina
  31. @armanda: se ti serve una mano, ti aiuto volentieri!

    RispondiElimina
  32. Scusa se ti disturbo,ma vedo che sei una maga! Io sono un medico, ti leggo TAC ed analisi ma con l'html sono una principiante, conosco solo qualche rudimento e sto iniziando a studiarlo ora. Vorrei, presuntuosamente, aprire un blog di cucina e animali, e vorrei mettere nell'header una serie di immagini scorrevoli sotto il titolo. Tu sei chiarissima, ma dove devo inserire il codice che dai? Ho aperto la pagina html del modello ma non capisco come e dove inserirlo. Ho visto che mi ha "preso" un'immagine direttamente dal pc,ma con molte credo di dover mettere il link dell'immagine dal siti dove l'ho presa...non ti chiedo per ora come fare sfondi meravigliosi come il tuo, di seta moirè! Se mi rispondi (con tutto comodo, ormai credo pubblicherò dopo Natale) ti sarò davvero grata...vedo che sei gentilissima con tutti! :-DD

    RispondiElimina
  33. @Angel: ti aiuto volentieri.
    Contattami via chat che ti spiego passo passo cosa fare.

    RispondiElimina
  34. ciao Iole, veramente un ottimo articolo.
    Mi piacerebbe sapere dove inserire il codice html visto che ho un blog/sito fatto con wordpress.

    Alessandro

    RispondiElimina
  35. @alessandro: ho provato ad inserire il codice html per le scritte scorrevoli sia in un post che nella sidebar nel mio blog di prova su Wordpress ma purtroppo il tag <marquee> viene ignorato, quindi compare il testo normale e non scorrevole.

    RispondiElimina
  36. Iole sei geniale... per noi poveri blogger che non ne capiscono nulla di hatml / ccs e similari... grazie lo uso sicuramente...Tiziana

    RispondiElimina
  37. Sempre utilissimi i tuoi consigli. Grazie.
    Già inserito nel blog prova il codice html per inserire più immagini scorrevoli;
    il tutto con esito positivo.
    Ho notato, che tra l’inizio e la fine dello scorrimento intercorre uno spazio ”libero” da immagini
    (cosa che si riscontra anche nei testi).
    Mi sto chiedendo se c’è la possibilità di avvicinare le immagini il più possibile (magari con qualche trucco),
    così da creare un set continuo; e, se, Il codice marquee si può ampliare, magari con delle frecce sx/dx per decidere lo scorrimento.
    Grazie ancora, e … a presto.
    Ciao
    CS

    RispondiElimina
  38. Volevo ringraziare, mi sei stata preziosamente utile!
    Non è facile trovare chi spiega così bene l'inserimento di codice html.
    Grazie ancora!

    RispondiElimina
  39. @CS: le cose che mi chiedi non si possono fare.
    @laromanticafataincantata: fa sempre piacere ricevere un GRAZIE dai lettori e sapere che quello che scrivo è utile!

    RispondiElimina
  40. golosoni
    queste scritte scorrevoli sono il top se ti và passa anche nel mio blog ciao
    http://golosonidolci.blogspot.com/

    RispondiElimina
  41. @golosoni: grazie per avermi linkata, ti aggiungo anch'io tra i blog che mi linkano e tra i link preferiti nella sidebar.

    RispondiElimina
  42. ciao davvero un'ottimo consiglio ma quale valore devo modificare per aumentare la grandezza della scritta?

    RispondiElimina
  43. Ciao Jole sono edvige.
    Vorrei inserire il marquee scorrevole ma con foto e non ci riesco sono proprio testonaaaaaaa.
    Poi mi sono iscritta a flickr per mettere le foto di ricette e altro come ha fatto Francesca ma non riesco a trovare il modo di inserire tutte come antipasti, altre come primi ecc. per come nuovo html mi richiede sempre il titolo e quindi ogni foto ricetta è ...antipasto + foto, antipasto + foto e cosi via..
    Cosa sbaglio, mi dai le indicazioni per rimediare......
    Grazie ancora per il ..stampa ricetta... mia figlia è stat felicissima di poterle stampare per darle alle amiche,
    Grazie anticipate e scusa il disturbo.
    Edvige
    www.mementosolonico.blogspot.com
    PS.
    io ti ho inserita nel mio ma non riesco a capire perchè è sempre fermo a....i miei primi 2 anni ????

    RispondiElimina
  44. Ciao Iole,ho fatto un giro da te e mi sono persa tra tutte le cose belle che fai.Che meraviglia.Mi piace il Marque con le immagini che scorrono in orrizontale e che cliccandoci sopra si ingrandiscono..Come faccio a fare una cosa simile sul mio sito?
    Ciao e auguroni. Angel

    RispondiElimina
  45. Dany mi ha consigliato il tuo blog e aveva perfettamente ragione: un pozzo di informazioni!
    Ho inserito nel mio blog una scritta scorrevole per prova ma non riesco più a toglierla, mi puoi suggerire come fare? Sto imparando ora anche grazie ai tuoi suggerimenti. Poi volevo chiederti che cosa intendi per blog di prova e come si fa ad attivarne uno. Grazie per quello che potrai fare. Il blog è 100epiuidee@blogspot.com

    RispondiElimina
  46. Ciao!
    Ho utilizzato il codice per lo scorrimento immagini, ma a me funziona solo con Mozilla Firefox e non con Internet Explorer. Perchè? Sono stato costretto a toglierlo.

    Grazie, e complimenti per il Blog. Domenico

    RispondiElimina
  47. @Associazione Culturale Luís de Camões: il tag <marquee> funziona benissimo su Internet Explorer mentre potrebbe non essere supportato su altri browser. Mi mandi via email il codice che hai inserito così vedo cosa non va.

    RispondiElimina
  48. @100 e + idee: scusa se rispondo con così tanto ritardo... forse avrai già risolto da sola.
    Comunque per togliere la scritta scorrevole basta eliminare il widget che la contiene dalla Bacheca di Blogger.
    Per creare un blog di prova basta cliccare sul link "Crea blog" della Bacheca.

    RispondiElimina
  49. Ciao sono Gabriella digiuna totale di questo linguaggio informatico, ma qualcosa ho compreso grazie a molti chiarimenti nei vari blog compreso il tuo, ma non è chiara una cosa. Ho aperto un sito e vorrei inserire in una pagina una sequenza di fotografie dal mio PC. Si dice che le immagini devono essere prima caricate sul web, ma dove? Ho provato a fare così. Nella mia "stanza operativa" in Modifica-Sitiwebs.com ho scaricato le foto attraverso queste operazioni:inserisci immagine, sfoglia sul server, carica … ho caricato 20 foto in una cartella. Ed ecco il problema: nella stessa pagina "carica file" ho altre cartelle e quindi tutte hanno lo stesso URL http//nu.me.ro /index.php/ Wizard/Edit/Wysiwyg/ImageBrowser?SessionID= .... altri numeri e lettere, sono tutte immagini e documenti che vengono inserite nelle varie pagine del sito. Ho provato a ricopiare lo stesso URL per ogni foto e il nome della foto, ma appare solo la striscia scorrevole. Quindi che fare? Se puoi aiutarmi ne sarei felice. Grazie Gabriella

    RispondiElimina
  50. Mi scuso con quanti di voi stanno aspettando una risposta da un bel po' di tempo, ma come avrete letto sono stata molto impegnata per motivi personali.

    @telefilmuniverse: per la dimensione della scritta devi aggiungere in style la proprietà font-size.
    Ad esempio style="font-size: 14px;"
    @Edvige: per creare il menu tipo quello di Francesca prova a leggere questo mio post Menu "fotografico" per il blog oppure mandami via email l'indirizzo del tuo album su Flickr che ti creo il menu fotografico.
    @Altevette: per aggiungere alle immagini l'effetto di ingrandimento leggi il mio post su come usare Lytebox nel blog.
    @Ella: forse l'indirizzo delle immagini non è pubblico, nel senso che per poterle vedere occorre loggarsi. Potresti lasciarmi in un commento l'indirizzo di una foto, così ti dico se riesco a vederla. E anche l'indirizzo del tuo sito, così do un'occhiata al codice html della striscia scorrevole.

    RispondiElimina
  51. Sorry Iole, sono entrata nel tuo blog attraverso la ricerca di una funzione specifica. Non sapevo cosa significasse "loggarsi" ora ho letto la definizione su internet,comunque grazie per la risposta. Posso lasciare qui l'indirizzo del mio sito http://www.gabriellaparra.com/
    riguardo alla foto non so cosa sia l'indirizzo di una foto nel senso che ho una cartella di foto sul mio desktop e le ho scaricate in una finestra del sito. Un esempio
    3_animatrice_nelle_colonie_marine.jpg ma non si può vederla Per vederla l'ho inserita nel menù "scarica file" che trovi al sito indicato. Capisco l'impegno che ciò ti comporta, non ha importanza se non puoi ... sei davvero generosa a rispondere a così tante persone. Un saluto a te. Ella

    RispondiElimina
  52. @Ella: se le foto non si possono vedere allora non è possibile inserirle nel box scorrevole.
    Dovresti caricare le immagini in una cartella pubblica oppure utilizzare un hosting gratuito come digilander.

    RispondiElimina
  53. Grazie mille dei tuoi consigli!!
    ...volevo però chiederti è possibile mettere un immagine di sfondo a una scritta "marqee" ...se si come?
    Sai ci ho provato ma la scritta mi appare sempre fuori dall'immagine :(

    Baciotti by Pixia!!

    RispondiElimina
  54. Grazie in anticipo!! :)
    Il tuo blog è stupendo!!

    RispondiElimina
  55. @Pixia61: per mettere un'immagine di sfondo ad una scritta scorrevole devi aggiungere la proprietà background nello style.
    Ad esempio:
    <marquee direction="left" scrollamount="2" height="30" onmouseout="this.start()" onmouseover="this.stop()" style="text-align: center; border: 1px #F5C1CD dashed; background: url('INDIRIZZO_IMMAGINE')">Benvenuti sul mio blog!!!</marquee>
    ovviamente sostituendo INDIRIZZO_IMMAGINE con l'indirizzo dell'immagine di sfondo che vuoi visualizzare.

    RispondiElimina
  56. Grazie mille!!!
    Ho modificato il codice: ho aggiunto lo sfondo, ho modificato la velocità e ho fatto il bordo più spesso.
    E' venuto STUPENDO!!!!

    RispondiElimina
  57. @MariaFelicia99: hai fatto un ottimo lavoro. Brava!

    RispondiElimina
  58. ciao Iole,mi potresti dare il codice html per le scritte vero il basso perfavore?
    :D

    RispondiElimina
  59. @chiara e laura: c'è scritto nel post...
    "direction="left": indica la direzione dell'animazione (i valori che può assumere sono up, down, left o right)"
    Comunque per il basso è direction="down"

    RispondiElimina
  60. ti ho scoperto solo oggi ma credo che diventeremo grandi amiche! sei davvero brava e le tue spiegazioni sono così dettagliate che anche un'imbranata come me riesce a capirci qualcosa.... :-)
    mi piacerebbe inserire uno di questi scorrevoli per sostituire nella colonna laterale del blog i loghi delle collaborazioni, ma posso inserire le immagini linkabili?

    RispondiElimina
  61. @susanna.f22: grazie mille per i complimenti!
    Riguardo alle scritte scorrevoli... è possibile inserire delle immagini linkabili (nel mio post trovi un esempio). Se hai difficoltà a scrivere il codice html, sono qui a disposizione.

    RispondiElimina
  62. Ciao Iole,
    ti ringrazio per il tuo impegno e la tua cortesia, sono un paio d'anni che ti seguo ed importo i tuoi suggerimenti sul blog che cambio continuamente.

    Ora, non ricordo come ho inserito il testo scorrevole nell'intestazione di finestra...dove tu hai scritto IOLE..giusto per capirci...vorrei cambiarlo perchè non è più attuale, vorrei sostituirlo con la sigla di quest'anno.

    come fare-??

    ti ringrazio e per saperne di più puoi visitare il mio blog a : fantalegabolognese.blogspot.com

    a presto

    RispondiElimina
  63. Ciao, ho imparato tante cose qui nel tuo blog...volevo chiederti se è possibile far scorrere immagini che io ho nel mio pc...grazie ancora

    RispondiElimina
  64. @Il Peperoncino Sportivo: devi cliccare sul link Modifica del gadget di tipo html/javascript che contiene il codice per la scritta scorrevole, modificare il testo e salvare le modifiche.
    @Vilma Bellucci: devi caricare prima le immagini online e prendere per ciascuna l'indirizzo. Infine devi seguire le istruzioni per visualizzare le immagini scorrevoli.

    RispondiElimina
  65. Grazie per i suoi consigli.
    Donatella
    http://sanmartinoelareginadellamore.blogspot.com

    Buon proseguimento

    RispondiElimina
  66. Orsolina

    Carissima Iole,
    complimentissimi per il tuo sito.
    Ho cercato di seguire le tue indicazioni per le immagini, ma non ci sono riuscita.
    Ho sostituito img con il nome delle mie foto, ma non è successo niente. Devo inserire qualche altro comando per le immagini sul mio sito http://digilander.libero.it/scuolamedianicotera/?
    Attendo una tua risposta.

    RispondiElimina
  67. @Orsolina Campisi: mandami via email il codice html che hai inserito nel blog che controllo cosa non va.

    RispondiElimina
  68. ciao Iole,
    ho provato ad inserire il testo e le immagini ed è semplice con il tuo aiuto. Se non ho capito male è possibile anche associare un link all'immagine. Io vorrei inserire a scorrimento tutti i banner delle aziende con cui collaboro per ridurre un po' lo spazio, ma ho bisogno che poi l'immagine sia cliccabile e riporti alla loro hmepage
    Forse lo hai già spiegato a qualcuno, ma non sono riuscita a trovare la soluzione.
    Grazie dell'aiuto

    Rosita

    RispondiElimina
  69. @Puffin: ecco il codice necessario per associare un link ad un'immagine:
    <a href="homepage azienda"><img src="indirizzo immagine"/></a>
    Spero di essere stata chiara. Per dubbi o chiarimenti sono qui a disposizione.

    RispondiElimina
  70. grazie 1000!!!!
    più tardi provo e ti faccio sapere!!!
    :)

    RispondiElimina
  71. grazie Iole, funziona benissimo, ora devo solo inserire tutte le foto e decidere dove collocarlo!!
    grazie sei stata genitlissima ^_^

    RispondiElimina
  72. @Puffin: figurati, non ho fatto niente.
    Buon lavoro!

    RispondiElimina
  73. Grazie per questo widget, molto utile. Ciao

    RispondiElimina
  74. Ciao Iole, per cortesia mi scrivi il codice per inserire in una slide con delle immagini tutte della stessa grandezza? Grazie :)
    p.s avevi fatto un post tanto tempo ma non lo trovo più :( ciaooo

    RispondiElimina
  75. @Paola Brunetti: affinché tutte le immagini abbiano le stesse dimensioni, devi aggiungere al codice html delle immagini le proprietà width e height.
    Ad esempio:
    <img src="indirizzo immagine" style="width: 100px; height: 100px;"/>

    RispondiElimina
  76. Grazie Iole, ma non viene fuori lo slide...forse è errato l'inizio...


    c'è qualcosa che non va?! grazie mille in anticipo ;)

    RispondiElimina
  77. @Paola Brunetti: per dirti se c'è qualcosa che non va dovrei vedere il codice che hai scritto.

    RispondiElimina
  78. Grazie Iole, ho risolto, puoi vederlo nel mio blog :) Mi piacerebbe associare un link di riferimento all'immagine, nello slide, cosa devo aggiungere? tutta la stringa per esteso per cortesia! :) gentilissima, ciaooo

    RispondiElimina
  79. @Paola Brunetti: per associare un link ad un'immagine il codice è il seguente:
    <a href="indirizzo pagina"><img src="indirizzo immagine"/></a>

    RispondiElimina
  80. Ciao, volevo chiederti come inserire più frasi nella stessa finestrella, perché io ho ripetuto il codice, ma mi appaiono più finestrelle con le scritte, mentre ne desideravo una con tante scritte staccate dalle altre che seguono..Grazie

    RispondiElimina
  81. Ciao Iole, davvero complimenti per tutto quello che fai!! fonte inestimabile per neofiti nel settore blog come me! ho preso spunto da alcuni tuoi consigli per inserire nel blog della mia associazione ( http://arcicarpbiella.myblog.it/ )testo scorrevole e immagini scorrevoli.le immagini scorrevoli sono ben dimensionate etc... però quando le carico sul blog mi fanno scomparire parte di tutto il resto pubblicato... cosa capita??
    ringraziandoti anticipatamente ti rivolgo i più sinceri complimenti per il super blog ... impressionante!!!!!

    RispondiElimina
  82. @andreacv: cosa intendi per quando le carico sul blog mi fanno scomparire parte di tutto il resto pubblicato?

    RispondiElimina
  83. Grazie mille, Iole! ^^
    Proverò ad utilizzarlo anche io ^^
    Un caro saluto
    Dona

    RispondiElimina
  84. Salve,
    è la prima volta che commento qui.
    Ho utilizzato le istruzioni qui trovate per creare un messaggio scorrevole su uno dei miei blog.
    Grazie davvero!
    Vorrei sapere una cosa, mi scuso se è una domanda stupida, non sono un esperto.
    Nel caso delle immagini, è possibile farle scorrere senza mai fermarsi? Ovvero, non appena giunge all'ultima figura, riprende dalla prima. Come un rotolo, per intenderci.
    E per le scritta: è possibile fare lo stesso?
    Grazie in ogni caso per le istruzioni già pubblicate.
    Enrico

    RispondiElimina
  85. Sei stramitica era un mese che cercavo uno script decente per far scorrere immagini cliccabili e avevo trovato dei pesantissimi java, belli ma incompatibili fra loro.
    La semplicità è bellezza!
    Visita il mio sito mi raccomando
    http://www.prontometeo.it
    a disposizione...Marcello

    RispondiElimina
  86. @Chagall: come puoi vedere nel mio post, le immagini scorrono senza mai fermarsi cioè non appena giunge all'ultima foto si riprende dalla prima.
    @marcello poggi: eh sì, questo non è uno script e quindi non rallenta in alcun modo la pagina!

    RispondiElimina
  87. Grazie problema risolto!!!
    Il tuo blog è veramente utile grazie ancora!!!

    RispondiElimina
  88. Ciaom sono nuovo in questo campo e trovo interessanti i tui consigli. Ho un problema, volevo inserire una scritta scorrevole prima degli articoli che inserisco. http://fisbpuglia.altervista.org/wordpress/
    Puoi darmi una mano?
    Grazie mille
    Leonardo

    RispondiElimina
  89. @LEONARDO CIOCE: per dirti con precisione dove inserire il codice della scritta scorrevole dovresti inviarmi i file .php del tuo sito.

    RispondiElimina
  90. Ti ringrazio tantissimo sono riuscita ad inserire nel mio blog molte scritte ed immagini scorrevoli grazie grazie grazie.Se ti va di vedere ti lascio il link www.mammaindivenire.com

    RispondiElimina
  91. @Lucia Collo: sono felice di esserti stata utile. Passo subito da te ;)

    RispondiElimina
  92. Ciao Iole, complimenti x il sito e grazie per le utili notizie.
    Sono agli inizi, ho creato un piccolo sito web e su googlechrome ho utilizzato il tuo codice html per far scorrere le foto, ma le foto non scorrono. Ho inserito una casella html, ho incollato il codice, ho inserito l'URL di tre foto. Risultato le immagini restano immobili. Stesso problema con il testo sulla homepage. Questo è il link della pagina con le foto: https://sites.google.com/site/superlefast/notizie-news-vesti-1/juventus/lecomiche#
    Grazie anticipatamente, Saluti, Fabio

    RispondiElimina
  93. Le Fa: ho controllato il codice che hai inserito e ci sono alcuni errori. Riprova a prelevare il codice dal mio blog.

    RispondiElimina
  94. Scusa Iole, non so quali sono gli errori che hai trovato e come riesci a visualizzarli e come correggerli. Ho fatto quello che mi hai consigliato ovvero ho copiato e incollato il tuo codice sulla homepage x la scritta, ma continua a non scorrere :( Puoi darmi una mano? :)

    RispondiElimina
  95. Ciao Iole, ho provato con il tuo codice copiato e incollato ma la scritta non si muove. Potrebbe essere un problema di google site?

    RispondiElimina
  96. Puoi dirmi in privato se ci sono ancora errori e se si quali? Grazie, saluti.

    RispondiElimina
  97. @Le Fa: controllando il codice html della tua pagina mi risulta il tag caja-v-marquee al posto di marquee. Forse dipende da Google Site che converte il codice che copi dal mio post in un formato diverso.

    RispondiElimina
  98. Salve, è fantastico questo post, vorrei utilizzarlo per il sito di un mio amico e le chiedo l'autorizzazione: grazie comunque anche se non me la darà. Giovanni. Ah il sito è www.hc-fundrink.com

    RispondiElimina
  99. @Giovanni: se ti riferisci al codice html per visualizzare una scritta scorrevole puoi utilizzarlo tranquillamente!

    RispondiElimina
  100. Ciao come lo posso mettere nel blog?

    RispondiElimina
    Risposte
    1. @Mary Ippolito: devi copiare il codice html ed incollarlo in un gadget di tipo html/javascript della sidebar e poi personalizzare il messaggio.
      Se ti serve aiuto... sono qui a disposizione.

      Elimina
  101. Il tuo blog e bellissimo ti faccio i complimenti

    RispondiElimina
    Risposte
    1. @Mary Ippolito: grazie mille per i complimenti ^_^

      Elimina

flag counter
This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
 Design by Iole | Privacy Policy | Cookie Policy