Pubblicato il 22/07/09 - aggiornato il  | 10 commenti :

Come inserire tre menu scorrevoli in pagine web

Guida per inserire tre menù in un sito di Blogger
Ho ricevuto una richiesta in un comento di adattare degli script presenti in rete alle esigenze di un blogger italiano che volesse inserire ben tre menù scorrevoli nel proprio sito.
Per prima cosa date uno sguardo al blog di prova che ho creato per testare questa funzionalità
E’ indubbiamente una cosa di grande effetto e che massimizza lo spazio a disposizione dando la possibilità di inserire in Homepage un sacco di collegamenti con pagine del nostro blog o anche con pagine esterne.
MENU-SCORREVOLI

Per prima cosa bisogna personalizzare il file menuItems 

Le personalizzazioni più importanti riguardano ovviamente i nomi e gli URL dei link che vogliamo inserire nei nostri menù. Altre personalizzazioni essenziali concernono i colori, la posizione e la dimensione dei tre menù. Per avere una panoramica di tutti i parametri che possono essere variati visitate la pagina delle personalizzazioni di Dynamic Drive (in inglese).

Adesso potete intervenire sul modello e andate su Layout > Modifica HTML, salvate il modello completo e espandete i modelli widget. Cercate la riga di codice che indica la fine della testa della pagina cioè il tag </head>. Immediatamente sopra incollate il seguente nuovo codice, come mostrato in questo screenshot

tre-menu-scorrevoli
In questo codice dovete mettere al posto di URL_menuItems, l’indirizzo del file che avete caricato, come fatto in questo file effettivamente usato nel blog di prova.
Anche in questo caso si possono fare delle personalizzazioni che riguardano soprattutto i colori e possono essere fatte separatamente per ciascun menù. Non mi addentro troppo nelle spiegazioni e ricordo solo che

  1. a:active indica il colore di un link attivo del menu
  2. a:visited indica il colore di un link già visitato
  3. a:hover indica il colore del link quando è puntato con il mouse
Questo ultimo punto è il più importante perché si può scegliere il colore di sfondo di un link quando viene puntato con il mouse. I colori si possono scegliere in funzione del nostro blog; se non conoscete come date uno sguardo ai codici dei colori. Salvate il modello e guardate il risultato! Enjoy .
Aggiornamento: Dopo che avete personalizzato il file menuItems vi conviene caricarlo su Google Sites mediante Schedario; è anche possibile inserirlo su Altervista.


10 commenti :

  1. Grazie ancora per i tuoi post PARSIFAL32 !!

    Metti subito un bottone di Paypal nel tuo
    Blog che adesso molti ti invieranno una donazione per ringraziarti del tuo enorme lavoro!

    Io per primo.

    Ciao

    Francesco

    RispondiElimina
  2. @Striscianotizia
    In questo blog non mi sembra il caso di mettere un bottone per Paypal, cmq volendo ce l'ho nella videochat gratis.
    Comunque non ti sentire in debito. Era una cosa interessante che penso possa essere utile anche ad altri. Ciao

    RispondiElimina
  3. Buongiorno... domanda... non si possono creare delle sotto-voci nel menu a scomparsa?

    RispondiElimina
  4. ma dopo che ho messo il codice html... che devo scrivere come widget?
    Quanto sono scocciante stamatina eh? ^_^

    RispondiElimina
  5. @Soffio di Dea
    Questo script non si inserisce attraverso un widget ma si mette solo nel modello. I menù si vedranno automaticamente.
    Purtroppo non è possibile inserire delle voci secondarie in quanto come vedrai anche dalla pagina demo, si basa su un altro concetto rispetto al multilivello.
    Il problema di IE è noto. Con quel browser non funziona quasi mai nulla :-((

    RispondiElimina
  6. Ciao Ernesto! Volevo chiederti 2 cose:

    - la prima è se ha scritto un post per fare un menù scorrevole simile a quello in questo sito: http://www.padovacalcio.it

    - la seconda è se sei a conoscenza di un metodo per far aggiornare il risultato di una partita in tempo reale sul mio sito

    Grazie mille e complimenti per questo tuo bellissimo blog!

    RispondiElimina
    Risposte
    1. @AmmPadova
      Ti riferisci al menù flottante presente in alto a sinistra? Non mi ricordo di aver postato nulla di simile ma puoi trovare diversi menù qui
      http://www.ideepercomputeredinternet.com/2011/03/i-migliori-menu-per-blogger.html
      e qui
      http://www.ideepercomputeredinternet.com/search/label/menu
      per il widget che si aggiorna con i risultati del calcio dovrei fare delle ricerche. Se trovo qualcosa di interessante ci faccio un post, se non leggi nulla in merito vuol dire che non ho trovato nulla.

      Elimina
    2. Un altra cosa... hai scritto un articolo su come inserire una barra fissa sul proprio sito in stile facebook? Grazie mille!

      Elimina
    3. @AmmPadova
      Ho scritto quasi 4000 articoli e francamente non me ne ricordo :)

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy