Pubblicato il 17/08/13e aggiornato il

Come creare un menù a tendina con le pagine statiche nei blog di Blogger a Visualizzazione Dinamica.

Come creare un menù drop down o a tendina con le pagine statiche di un blog di Blogger a Visualizzazione Dinamica o Dynamic Views.
I blog su Blogger da anni danno la possibilità di aggiungere delle pagine statiche che non finiscono nei normali feed del sito e che servono per creare delle gallerie di foto, delle pagine di info, delle raccolte di articoli o delle landing page particolari per i navigatori.

Queste pagine creano un menù orizzontale o verticale di default. Per effettuare la scelta si va su Pagine > Mostra pagine come. Le tre opzioni sono: Schede in alto, Link laterali e Non mostrare. Il menù orizzontale viene creato con la selezione di Schede in alto che è poi quella impostata come predefinita. Questa funzione è rimasta sostanzialmente la stessa anche nei modelli a Visualizzazione Dinamica. Ricordo che si possono creare fino a 20 pagine statiche per ogni blog. In taluni modelli un tale menù molto lungo si dispone su due file mentre in alti mostra solo i primi elementi.

Ho già pubblicato degli articoli su come personalizzare il menù nei normali template e su come aggiungere dei bordi di divisione. In questo post vediamo come sia possibile creare un menù verticale a tendina nei modelli Dynamic Views. Ecco uno screenshot esemplificativo

menù-pagine-statiche-dynamic-views

Il menù orizzontale sarà visualizzato a tendina in tutti e 7 i modelli a Visualizzazione Dinamica. Può essere una soluzione quando si abbiano molte pagine statiche e si voglia mantenere un layout compatto. Si va su Modello > Personalizza > Avanzato > Aggiungi CSS. Nel campo in alto a destra si posiziona il cursore subito dopo altro codice, se questo fosse presente, e si incolla il seguente CSS

#header.header .header-drawer #pages.tabs ul li{
margin: 99999px;
}

Si posiziona il cursore dopo l'ultima parentesi graffa e si clicca su Invio. Si va quindi in alto a destra su Applica al blog. Si dovrebbe vedere già l'anteprima in ogni caso si apre il sito per verificare che il menù sia diventato a tendina come nello screenshot precedente.




13 commenti :

  1. Ho un quesito per le pagine statiche. Tempo fa ho inserito in html un codice che mi permettesse di avere le immagini dei post ,tutte della stessa grandezza. Oggi però ho un problema nelle pagine statiche cioè non posso inserire piccole immagini perchè fanno riferimento al comando da me modificato. Vedi link pagina statica (http://www.diemmemakeup.com/p/collaborazioni_19.html) C'e' un modo per ovviare a questo problema? Spero di aver spiegato bene. Grazie di esistereeeeeee

    RispondiElimina
    Risposte
    1. Un modo c'è. Leggi questo post nella sua parte finale
      http://www.ideepercomputeredinternet.com/2014/01/how-to-resize-blogger-images.html
      dove ci sono i casi particolari. In sostanza nelle immagini che non vuoi ridimensionare devi inserire width height con il tag !important
      @#

      Elimina
  2. Ciao Ernesto. Non trovo queste impostazione per le pagine del mio blog. Da che dipende?? Vorrei aggiungere il menu a tendina

    RispondiElimina
  3. Ciao Ernesto, il tuo blog è molto molto interessante.
    Ma per i modelli semplici, o travel, quindi non statici, non è possibile fare niente per creare un menù a tendina, oppure, se non a tendina, degli argomenti con le sottosezioni, non importa se rimangono statiche.
    Esempio: nel mio blog vorrei creare delle sezioni con: viaggi, pensieri, curiosità ecc. con i vari post elencati sotto, così che rimanga ben organizzato e comprensibile. E' possibile? mille grazie

    RispondiElimina
    Risposte
    1. Il tuo blog è questo?
      http://iosonoilmiobuddha.blogspot.it/
      Non è un modello dinamico quindi puoi scegliere uno di questi menù
      http://www.ideepercomputeredinternet.com/2011/03/i-migliori-menu-per-blogger.html
      Guarda un po' quello che è migliore per le tue esigenze e poi prova a installarlo
      @#

      Elimina
    2. Grazie vado subito a vedere, il mio blog che mi interessa al momento è un altro, ma fatto simile. Ti ringrazio moltissimo!!!

      Elimina
    3. Ernesto ho guardato i menù e per me è troppo complicato applicarli, ho provato ma non mi riesce. Il blog che voglio modificare è www.ilgustodellanima.blogspot.it, In pratica vorrei che le etichette di sinistra fosse: Viaggi e sotto tutti i titoli, anche non a scomparsa. Pensieri e sotto i titoli ecc Esiste un menù per super inesperti come me? :-) mille grazie

      Elimina
    4. Il più semplice credo sia questo
      http://www.ideepercomputeredinternet.com/2011/06/menu-orizzontale-semplice-ma.html
      provaci :)
      @#

      Elimina
    5. grazie lo provo subito! :-)

      Elimina
    6. Ernesto alla fine ho scelto la soluzione più semplice, cioè ho creato delle pagine e inserisco manualmente i titoli che mi interessano per avere un indice organizzato... :-) molto rudimentale lo so, ma ti ringrazio lo stesso moltissimo per i tuoi consigli, scusa se ci ho messo tanto a darti un feedback ma non trovavo più questa pagina!

      Elimina
  4. Per tornare alla vecchia impostazione senza tendina?
    Ho tolto il css ma rimane invariata
    http://www.giorgioschimmenti.com/

    RispondiElimina
    Risposte
    1. Oltre a toglierlo devi anche andare su Applica al blog
      @#

      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.