Menu a tendine a comparsa con sottosezioni per blogger


Scriptiny.com mette a disposizione un fantstico menu con tendine a comparsa utilissimo a semplificare la consultazione, da parte dei lettori, delle varie sottosezioni del blog.
Clicca qui per visualizzare una demo del menu


A seguire vedremo come integrare questo menu su blogger e le possibili personalizzazioni.

Accediamo a blogger e andiamo in Design -> Modifica HTML.
Salviamo una copia del templete.

Inseriamo il css per il menu cercando nel codice la scritta </head> e subito prima incolliamo il seguente codice:

<!--TinyDropDownMenu Inizio-->
<style>
* {margin:0; padding:0; outline:0}
body {font:11px Verdana,Arial; color:#000000; background:#ffffff}
.nav {height:36px; background:#aaaaaa; color:#ffffff; text-shadow:1px 1px #888888; z-index:1000}
.menu a {float:left; color:#eeeeee; text-decoration:none; width:120px; height:28px; padding-top:8px}
.menu span {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:8px}
.menu a:hover {color:#fff}
.menu {list-style:none; font:16px Arial,Verdana; text-align:center; width:600px; margin:0 auto}
.menu li {position:relative; float:left; width:120px; z-index:1000}
.menu ul {display:none; position:absolute; font:normal 13px Arial,Verdana; top:36px; left:0; background:#aaaaaa; display:none; list-style:none}
.menu ul li {float:none; border-top:1px solid #ccc; width:120px}
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#999999; color:#ffffff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
.menu ul ul {left:120px; top:0}
.menu li.submenu {font-weight:bold}
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#ffffff; background:#999999}
li.menuhover span, li.menuhover li.menuhover span {color:#ffffff; background:#999999}
#info {width:180px; background:#eeeeee}
#info li {width:160px; border-top:none; padding:8px 10px; color:#666666; text-shadow:1px 1px #fff; text-align:left}
</style>
<script src='https://sites.google.com/site/scriptperilblog/menu/tinydropdown.js' type='text/javascript'/>
<noscript><a href='http://goo.gl/ScaLK' target='_blank'><span style='font-size: x-small;'>TinyDropdown Menu</span></a></noscript>
<!--TinyDropDownMenu Fine -->

Le principali modifiche da apportare sono:
  • La larghezza del menu qui impostata a 600px;
  • La larghezza di ogni voce del menu impostata a 120px;
  • La larghezza del menù più a destra che può essere utilizzato per inserire delle informazioni è di 160px e la tendina che appare di 180px;
  • Il colore di sfondo del menù è #aaaaaa;
  • Il colore di sfondo all'hover (passaggio) del mouse è #999999;
  • Il colore del testo dei titoli è #fffff;
  • Il colore del testo nei sottomenu è #666666;
  • Il colore di sfondo delle sottosezioni è #eeeeee;
  • Il colore di ombreggiatura è #888888;

Modifichiamo i colori e le larghezze dei blocchi in maniera tale da ben integrare il menù all'interno dei nostro blog.

Cercate di adattore colori già presenti nel layout e salvate il modello.

Qui la tavola dei colori esadecimali http://it.wikipedia.org/wiki/Aiuto:Tavolozza_dei_colori.

Attenzione a non aumentare la grandezza del font altrimenti dovremo modificare lo script e i vari padding.

A questo punto possiamo ricercare all'interno del codice una posizione determinata per inserire il menu, oppure andare in Elementi Pagina e aggiungere un gadjet HTML/Javascript e posizionarlo, in base al layout in alto o sopra il corpo dei post.



All'interno del gadget incolliamo il seguente codice:
    <div class="nav">
      <ul id="menu" class="menu">
        <li class="nodiv"><a href="#">HOME</a></li>
        <li>
          <a href="#">ITEM 1</a>
          <ul>
            <li><a href="#">Submenu 1.1</a></li>
            <li><a href="#">Submenu 1.2</a></li>
            <li class="submenu">
              <a href="#">MORE</a>
              <ul>
                <li class="noborder"><a href="#">More 1</a></li>
                <li><a href="#">More 2</a></li>
                <li><a href="#">More 3</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li>
          <span>ITEM 2</span>
          <ul>
            <li><a href="#">Submenu 2.1</a></li>
            <li><a href="#">Submenu 2.2</a></li>
            <li><a href="#">Submenu 2.3</a></li>
            <li class="submenu">
              <span>MORE</span>
              <ul>
                <li class="noborder"><a href="#">More 1</a></li>
                <li><a href="#">More 2</a></li>
                <li><a href="#">More 3</a></li>
                <li><a href="#">More 4</a></li>
                <li><a href="#">More 5</a></li>
              </ul>
            </li>
            <li><a href="#">Submenu 2.5</a></li>
            <li><a href="#">Submenu 2.6</a></li>
          </ul>
        </li>
        <li>
          <a href="#">ITEM 3</a>
          <ul>
            <li><a href="#">Submenu 3.1</a></li>
            <li><a href="#">Submenu 3.2</a></li>
            <li><a href="#">Submenu 3.3</a></li>
          </ul>
        </li>
        <li>
          <a href="#">INFO</a>
          <ul id="info">
            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce justo nulla, malesuada in porta vitae, fermentum ac nulla. </li>
          </ul>
        </li>
      </ul>
    </div>
    <script type="text/javascript">
      var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'}); </script>

    Non resta che riadattare il menu in base alle nostre necessità, aggiungere o rimuovere sezioni.
    Sostituire i titoli dei menu ed inserire i collegamenti dove è riportato #.

    Per qualsiasi dubbi o domanda non esitare a contattarmi.
    SHARE

    Clo&demk

    Siamo due semplici ragazzi Clo e Demk abitiamo in diverse città, ma il PC e gli interessi comuni ci legano. Ci piace la musica e i video musicali, navigare nel vasto mare d'informazioni d'internet alla ricerca di nuove mete diverse e lontane e non ci spaventano gli ostacoli...(Continua).

    • Image
    • Image
    • Image
    • Image
    • Image
      Blogger Comment
      Facebook Comment

    125 commenti:

    1. @Informatico96

      Grazie!

      Se hai dubbi o difficoltà non esitare a domandarmi =)

      RispondiElimina
    2. ahhhhhhhhhhhhhhhhh!! non ho tempo ora ma prima o poi mi cimenterò!!

      RispondiElimina
    3. @Francesca Moggi

      è solo questione di qualche minuto.

      Magari cominci a lavorarci su un blog di prova prima di inserirlo all'interno del tuo..

      RispondiElimina
    4. ciao, ho trovato la tua guida molto utile , ma ho un piccolo problema io ho utilizzato la barra del menu a discesa al lato del mio blog riducendo da 600 a 200 la dimensione, ma quando si passa con il mouse la tendina scende verso il basso invece io vorrei farla scorrere lateralmente verso destra.
      mipuoi aiutare te ne sarei grato

      RispondiElimina
    5. @Selleria Tropical

      Questo tipo di menù non è fatto per essere posto verticalmente, così impostato si sovrappongono i vari sottomenu e non potrai mai scorrerli per bene.

      Dovresti modificare intanto il valore in

      menu ul ul {left:120px; top:0}
      e metterlo di almeno 300px e provare che non hai sovrapposizioni...

      RispondiElimina
    6. grazie per la tempestivita e complimenti per il blog , ho gia provato a fare quello che hai scritto però si sovrappongono, come posso risolvere il mio problema?

      RispondiElimina
    7. @Selleria Tropical

      Eccomi, scusa se non sono stato celere come l'altra volta...

      Prova questo menu verticale senza perdere tempo a modificare il css di questo...

      RispondiElimina
    8. Ciao, prima di tutto grazie per la guida.
      io ho un problema con i sottomenu, cioe quando passo con il mouse sopra a una sezione mi da la selezione ma non scende la tendina con i sottomenu

      RispondiElimina
    9. @Anonimo
      Hai copiato correttamente il css e nel codice html indicato il sottomenu richiamando class="submenu"?

      Mi linkeresti lo spazio dove hai provato il menu per controllare eventuali errori nel codice?

      Grazie =)

      RispondiElimina
    10. A ME NN MI CI FA PROPRIO MI AIUTATEE

      RispondiElimina
    11. @Chanel
      Qual è il problema?

      Ha incollato il codice sopra posto? Hai ottenuto qualche risultato?

      Descrivimi meglio l'errore, oppure aggiungici su facebook e contattaci appena on.

      A presto
      Ciao

      RispondiElimina
    12. Questo blog è molto interessante! ti fa risparmiare il tempo per la ricerca sui motori di ricerca come Google e Bing.

      RispondiElimina
    13. @Eurorisparmio

      Grazie :D

      Se ti serve qualcosa o qualche approfondimento non esitare a chiedere ;)

      RispondiElimina
    14. salve,
      ..purtroppo io non ci riesco proprio....sono settimane che giro..ho provato si e no una ventina di menu a tendina, ma il risultato e sempre simile.

      puoi vedere il mio fallimento in questo sito

      http://testblog997.blogspot.com/

      Sapresti aiutarmi?
      ..sembra che tenta di far comparire la tendina, ma non ha spazio..strano, non so niente di html ne css ne nient'altro che dovrei sapere..per favore aiutatemi.

      ..ho messo il codice tale quale a sopra, anche se in verita sarei + interessato ad un menu come questo

      http://films92.blogspot.com/
      (scusate x il sito..ma e l'unico sottomano)

      ps. dopo aver modificato il template mi si e cambiato anche lo sfondo ora è bianco.


      Aiuto

      RispondiElimina
    15. @Patryk
      Scusaci se rispondiamo soltanto adesso.


      Manca il css, non l'hai inserito...

      Per quanto riguarda il menu del sito da te indicato puoi ottenere gli stessi effetti modificando semplicemente i colori del menu alla fine è uguale tranne per il fatto che i sottomenu sono più larghi del menu principale...

      Speriamo di esserti stati utili.

      A presto
      Bye

      RispondiElimina
    16. Ciao, grazie per tutti i tuoi aiuti... io non riesco a modificare le larghezze .. dove devo andare??? sono una principiante (e nemmeno molto portata!!! )
      grazie

      RispondiElimina
    17. @Ales

      Nel primo codice, relativo al ccs, la larghezza dei blocchi è individuata dal codice "width". La larghezza è individuata in pixel, basta che aumenti o diminisci i valori in base alle tue necessità...

      RispondiElimina
    18. ciao ho provato a farlo però non esce la tendinna questo è il blog http://pallanuotocrotone.blogspot.com/

      RispondiElimina
    19. @Anonimo

      Complimenti, bel sito e bella passione.

      Ecco il menù in funzione:
      http://reggiobazar.blogspot.com/

      Controlla se nel tuo templete i nomi della classi css adottate non siano già utilizzati..

      RispondiElimina
    20. @Clo&demk
      ciao,
      purtroppo il css c'è ed anche al posto giusto (credo)

      ti ho fatto un rar
      con dentro l'intero templaate con tanto di css di questo menu.
      + un txt con cio che ho dentro al widget che contiene il menu
      + 2 immagini una senza css e altra col css.

      link
      http://www.megaupload.com/?d=S3NTAM2I

      grazie 1000

      RispondiElimina
    21. @Patryk

      Perdonami se rispondo soltanto adesso. Nel tuo templete c'erano altri script che impedivano l'utilizzo corretto di quello che gestisce li:hover.

      Ti ho preparato un nuovo css che dovrebbe essere compatibile, il menu finale sino a successivi test lo puoi vedere qui:
      Test Blog

      Dovrai solo modificare i link o se serve i colori in base alle tue necessità.

      Ti lascio un file zippato.
      Contiene il css da utilizzare
      il codice html per il widget che è il medesimo di questo articolo e il templete completo dell'attuale blog di test.

      Ho visto che utilizzi megauplod l'ho caricato su questo servizio, il link al file è:

      http://www.megaupload.com/?d=NS28QRA3.

      Fammi sapere se adesso ti funziona o se hai ulteriori problemi.

      A presto
      bye

      RispondiElimina
    22. ciao,
      prima di tutto grazie 1000.

      e poi...sono stato davvero stupido, ho fatto un errore da deficenti -.-'

      il template del vero blog ha qui devo applicarlo è "avesome inc", che è diverso da quello di prova essendo un "simple"

      ..e comunque ha problemi di compatibilità anche la.


      abbi pazienza, potresti farlo funzionare anche su avesome inc?

      ho caricato sul testblog
      http://testblog997.blogspot.com/

      l'avesome inc e messo i codici (quelli riportati nello zip, ma anche i altri non vanno)

      scusa se prima ti ho fatto perdere tempo.

      qui hai il template
      http://www.megaupload.com/?d=W5RTE3HR
      codice gadget e =
      <- da cui in avanti cito degli tag html, e il commento non me li prende, percio ho hostato qua
      il restante commento

      http://freetexthost.com/fct2nsmruw

      RispondiElimina
    23. salve questo è il mio blog http://torrentgiochi.blogspot.com/ e non sono riuscito ad inserirlo, mi esce la stessa cosa come nel blog di http://pallanuotocrotone.blogspot.com/
      vorrei sapere perchè non riesco a farlo se seguo le istruzioni alla perfezioni grazie attendo notizie

      RispondiElimina
    24. VB, IO ho risolto-cambiato template,

      RispondiElimina
    25. @Patry

      Risolto? Scusami sono un pò impegnato in questi giorni ed ho controllato poco i miei artocoli.

      @Games Paradise
      Il problema è la sovrapposizione di più Javascript all'interno del templete che non fa funzionare li:hover in alcuni browser aggiornati come IE e Chrome.
      prova a cambiare il CSS con quello contenuto in questo file realizzato per Patrky.
      http://www.megaupload.com/?d=NS28QRA3

      Se non risolvi inviami il codice del tuo Template o link dove prenderlo che in pochi giorni ti risolvo il problema.

      RispondiElimina
    26. hmm,si diciamo di si,.ho cambiato template.in quello sample sul quale avevo fatto i test, ma non mi piace un granche :-(
      ..sa hai qualche minuto di tempo,
      fammi sapere se puoi darmene/farmene uno funzionale su questo
      template -che e quello del vero sito, piu precisamente e l'ultimo becup prima di cambiarlo.

      http://www.megaupload.com/?d=6OKZ032X

      >nel template ci sono anche codici non standard..tipo un codice che ho trovato x mettere le immagini in base all'etichetta,ma purtroppo mi serviva ance qualcosa di analogo per farlo in base al titolo..e ho creato un codice per cio in javascript, dato che non capisco molto di html e poco di js.
      ..non so se puo' influire, ma non credo.

      è grazie infinite!





      ps. grazie a te ho conoscuto anche la barra di wibiya - invenzione a dir poco geniale :)

      RispondiElimina
    27. ah, senti una cosa..hai presenti il gadget archivio blog?..che fa quella visualizzazione a espansione premendo su >..ecco, si puo ricreare con degli collegamenti?
      ..praticamente vorrei ricreare quello stile di visualizzazione di quel gadget con i link miei.

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

      RispondiElimina
    29. Ragazzi scusate il ritardo!

      Siamo stati assenti in questi giorni.

      Con Games Paradise ci siamo sentiti per email.
      Patryk tu hai risolto? non ho capito cosa vorresti realizzare

      RispondiElimina
    30. Ciao,
      troppo carino il menù, solo che a me non va!

      L'ho caricato nel mio blog fraaua.blogspot.com come indicato, ma con crome e mozzilla nn va proprio: solo rimpicciolendo il carattere mi dà la prima riga del sotto menù ma non le altre (quasi che nn abbia spazio per farle visualizzare). Con explorer, invece, i sottomenù si leggono ma si accavallano con il post sottostante.

      Help me :)

      RispondiElimina
    31. @Fraaua

      Ciao,

      Hai rimosso il menu dal tuo blog, non vedo l'effetto...

      Il problema da te descritto può dipendere dalla sovrapposizione di più Javascript all'interno del templete che non fa funzionare li:hover in alcuni browser aggiornati come IE e Chrome.
      prova a cambiare il CSS con quello contenuto in questo file realizzato per Patrky.
      http://www.megaupload.com/?d=NS28QRA3

      Se non risolvi inviami il codice del tuo Template o link dove prenderlo che appena possiamo ti rispondiamo inviandoti il codice del template personalizzato...

      RispondiElimina
    32. caricato. grazie!!!!!!!!!! tu sei un genio dell' html :D

      RispondiElimina
    33. @Fraaua

      Mi fa piacere...cmq non è html, ma ccs e un piccolo javascript che purtroppo entra in conflitto con altri presenti nel template.

      Se hai bisogno di altro chiedi pure..

      RispondiElimina
    34. Ciao e complimenti. Una domanda: io ho già un menù nel mio
      www.interclubacquaviva.blogspot.com
      a cui voglio inserire un solo sottomenù, come posso modificarlo?

      grazie e complimenti

      RispondiElimina
    35. @Francesco_qci_
      Quello che hai sul tuo blog non è un menu a tendina, ma uno più statico.

      Per aggiungere il sottomenu o prendi spunto dal codice sopra e lo riadatti al tuo menu o semplicemente e più facilmente lo sostituisci...

      RispondiElimina
    36. Ciao, potresti aiutarmi?
      Sono riuscito ad inserirlo, visto che sei stato molto chiaro.
      Tuttavia mi chiedevo se potevi fare degli esempi.
      E soprattutto, nei submenu si possono inserire delle piccole immagini insieme al testo?
      fammi sapere come.

      RispondiElimina
    37. trovo difficoltà..perchè anche se lo inserisce poi non posso modificare il profilo altrimenti il munù invece di tendine mette dei sottomenu statici..
      come faccio?

      RispondiElimina
    38. @Nello

      Volendo si, basta che non esageri con le dimensioni o ti salta tutto.

      Cmq nel css puoi cambiare insernedo le immagini come background del blocco...

      @Davveroo
      Che problema hai?

      RispondiElimina
    39. Ciao,cmq grazie mille per l'articolo!;)
      Volevo chiederti:
      1.ho un blog su blogger dove tratto solo immagini e foto,che al momento vengono visualizzate tutte assieme in ordine cronologico.Vorrei invece riordinare il tutto e applicare un menu orizzontale con dei bottoni tipo"CONTATTAMI","FOTO NATURA","FOTO urbane" etc..dove in ognuna di queste categorie vorrei essere libero di aggiornarla e inserire le foto inerenti.
      2.una volta fatto il menu, le foto devo reinserirle una ad una o posso "spostare"quelle gia pubblicate?
      Potrei chiederti un aiuto?
      grazie
      Elio

      RispondiElimina
    40. Aiuto!!! ho provato nel mio blog di test e il menù a tendina rimane nascosto sotto ai post, ed è sparito lo sfondo del blog!!
      aiutooooo!!!

      RispondiElimina
    41. ah il blog è questo:
      http://mammarumtest.blogspot.com/
      vi prego è ugente!!! help help!!
      ;) grazie!!!

      RispondiElimina
    42. @Anonimo

      Non hai specificato la piattaforma utilizzata.
      Usa le labs o etichette o tag per creare dei "gruppi" che racchiudano tutte le foto della medesima categoria e nel menu inserisci solamente il link al gruppo...

      @Cinzia T.-Mammarum

      Ciao, ho visto, credo sia un problema a dei tag non chiusi correttamente e il css non va bene nel tuo caso.

      Ti ho inviato una mail sul tuo account yahoo specificato nel profilo così da interagire per pm e aiutandoti passo passo. Se non adoperi più quella mail usa la nostra sezione contatti...

      RispondiElimina
    43. grazie!! vi ho già risposto!! siete veramente gentili!!!

      RispondiElimina
    44. Ari-ciao!
      Facendo delle modifiche al blog ho perso il mio bel menù!!!!!

      Puoi aiutarmi?

      Penso che per risolvere il problema dovrei cambiare il css come mi hai detto l'altra volta, ma megaupload è andato e non posso recuperarlo. Puoi inviarmelo di nuovo?

      Grazie grazie grazie :)

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

      RispondiElimina
    46. ciao sto provando il menu a tendina ma le tendine non scendono. Mega upload non funziona più, mi sembra di aver fatto tutto come dici. Il modello è simple e non ho aggiunto altro Il blog è http://bellevill.blogspot.it/.
      Qual'è il trucco? devo abilitare qualcosa per i css?

      RispondiElimina
    47. scusa dimenticavo la mia mail è maria.brighigmail.com

      RispondiElimina
    48. Ciao sono completamente incapace. cerco qualcuno che realizzi i codici per me in modo che io debba solocopiarli. Tu mi puoi aiutare? Cosa vuoi in cambio?
      questo è il mio sito:
      http://www.1x2calcio.blogspot.it

      Mandami una mail se mi puoi aiutare:
      rastawilo@yahoo.it

      RispondiElimina
    49. ciao volevo informazioni sui menu a tendina,ho seguito il tuo consiglio,modificando anche i colori,risultato sfondo bianco e modifica di alcuni caratteri
      la mia mail è lucangel75@hotmail.com
      il mio blog http://lucabrasil75.blogspot.com
      è stato fatto da poco,volevo aggiungere i menù per poi inserire i vari post o file nelle altre pagine
      mi spieghi anche come si fa a postare nelle sottopagine? grazie mille

      RispondiElimina
    50. Ci scusiamo per il momentaneo "abbandono". Abbiamo provveduto a rispondervi a tutti mediante email in cui vi abbiamo inviato un nuovo codice CSS che speriamo non vi porti problemi.

      Come sempre rimaniamo disponibili, dateci soltanto il tempo di rispondervi un pò variabile ultimamente a causa dei vari impegni.

      Sperando di esservi sempre utili
      A presto

      RispondiElimina
    51. Niente da fare, non compaiono i sottomenu. Ho inserito css, credo che l'errore sia nel non saper modificare il gadget html. se puoi darci un'occhiata: http://www.sirigupa.blogspot.it/
      Grazie!!!!!

      RispondiElimina
    52. @Paola Sirigu

      Ciao, non vedo nulla...hai una mail dove posso contattarti?

      RispondiElimina
    53. ciao e grazie per i preziosi consigli, è possibile avere il nuovo css via mail?

      grazie

      RispondiElimina
    54. Ciao, come mai non riesco a modificare i colori del menù a tendina? qualsiasi codice inserisco il colore rimane sempre quello pre-impostato. grazie

      RispondiElimina
    55. Che significa? come si fa a vedere che css ho? ti so dire soltanto che se vado su design>designer modelli>avanzato>aggiungi css c'è scritto questo:

      #navbar-iframe {
      display: none !important;
      }

      body .navbar {
      height:0px;
      }
      .content-outer {
      margin-top:0px;
      }

      è questo che volevi sapere? grazie

      RispondiElimina
    56. @Fabio
      No da layout modello Modifica html.

      Mandaci un messaggio con un'email a cui contattarti tramite la sezione contatti e ti aiutiamo passo passo alle modifiche da effettuare..

      RispondiElimina
    57. ciao vi ho contattati un paio di giorni fa dal link "contattaci". L'indirizzo mail è choku2009@libero.it grazie

      RispondiElimina
    58. @Fabio,

      Siamo mancati nel fine settimana, ti abbiamo contattato così risolviamo assieme il problema..

      RispondiElimina
    59. Ciao, grazie della guida, ma ho lo stesso problema di un utente che ha postato un commento tempo fa, ovvero: il menù appare soto il post del blog e le misure e i colori sono sballati.
      Se dovessi mettere il gadget del menu sotto la pagina, me lo visualizza correttamente, mentre sopra la pagina no. Quale può essere il problema?

      RispondiElimina
    60. @Cosimo Bianco

      Parli di come posizioni il gadget HTML/Javascript all'interno della pagina?

      RispondiElimina
    61. Si, se il gadget lo metto sotto l'intestazione, appare completamente sbagliato, com' è ora nel blog. testprivato.blogspot.it
      Se invece lo posiziono a piè di pagina è più o meno corretto, ma tutto sommato va bene.

      RispondiElimina
    62. @Cosimo Bianco

      hai un contatto così da poterti inviare anche a te il css creato per altri che pare funzionare?

      Se poi non va bene possiamo lavorarci assieme.

      Se vuoi usa la sezione contatti raggiungibile da questo link:
      pagina contatti

      Riempi la form inserendo un corretto indirizzo email ti manderemo il file con un css alternativo e se non funziona possiamo risolvere in altri modi insieme...

      RispondiElimina
    63. Ciao io ho un piccolo problemino
      Questo il mio blog http://matteoscrugli.blogspot.it/
      creato ieri xD.
      Se noti in basso a sinistra dell'intestazione c'è home page, praticamente ogni volta che vado ad aggiungere una pagina mi aggiunge il collegamento li (Home page infatti lo ritrovo nelle pagine).
      non posso modificarlo molto perché quando vado su layout c'è il gadget di 'pagine' che è originale e l'HTLM non me lo fa toccare.
      Volevo sapere se si può fare una cosa del genere aggiungendo affianco al tasto home un altro con scritto 'etichette' e da li far partire un menù a tendina con le etichette. grazie in anticipo.

      RispondiElimina
    64. @Matteo Scrugli
      Complimenti per il tuo nuovo blog e tantissimi in bocca al lupo. Speriamo diventi molto frequentato e commentato.

      Il gadget delle pagine lo puoi modificare da Layout (Elementi pagina) li trovi come modificarlo.

      Si nel menu puoi inserire le etichette, lo devi far però manualmente inserendo tutti i collegamenti...

      RispondiElimina
    65. CIAO ragazzi avrei un problema con il menù a tendina..non riesco a metterle nonostante abbia inserito il codice da html e fatto tutto la procdura,cmq non so come fare...potreste aiutarmi???il mio blog e questo:http://guardiegiuratemeritiamopiurispetto.blogspot.it/?m=0 grazie mille...

      RispondiElimina
    66. Ciao Maniaci!!! Voglio ringraziarvi per questo splendido menu! Mi è piaciuto talmente tanto che vorrei metterne due sullo stesso blog....mi dite come fare? ho provato in vari modi ma nulla..mi aiutate? Grazie di cuore se potete farlo grazie.
      universonokia.blogspot.it
      ilpeccatoveniale.blogspot.it

      RispondiElimina
    67. Ciao G.P.G.I.P.S.,
      Contattaci tramite la nostra sezione contatti e ti aiutiamo passo passo.

      @Galadriel
      Mi spiace, ma il javascript utilizzato per il menu non può essere replicato, ma forse basta il semplice codice.
      Non ci abbiamo mai provato prima sai?
      Facciamo delle prove e ti aggiorniamo..

      RispondiElimina
    68. Ciao, mi succede una cosa strana!
      Ho fatto tutti i passaggi che dici ma purtroppo se metto il menù nella sezione a destra funziona e si aprono i sotto menu, se lo metto in alto smette di funzionare ...

      ti viene in mente qualcosa?

      grazie!

      RispondiElimina
    69. @Erica Guzzetti

      Prova ad eliminare il codice relativo al menu precedente se c'era.

      Altrimenti proviamo a modificare il css..

      RispondiElimina
    70. Il menu è perfetto. Nel blog di prova funziona a meraviglia, mentre in quello definitivo non va. Ho provato a mettere anche in quello di prova le varie personalizzazioni apportate al mio blog, in modo da "isolare" il problema. Nonostante tutto, continua a funzionare solo sul blog di prova (con personalizzazioni comprese).
      Usando lo stesso layout di base.


      Non capisco dove sbaglio...

      RispondiElimina
    71. Ah preciso il "non va". Voglio dire non apre il menu con le varie voci.

      RispondiElimina
    72. @Tiziana

      nel blog definitivo probabilmente hai qualche tag css che va a collidere con quelli del menu.

      Prova questo css
      Nuovo css menu.

      Se non risolvi usa la sezione contatti ed inviaci il codice del tuo layout...

      Spero risolvi, a presto

      RispondiElimina
    73. Grazie mille Demk per l'aiuto tempestivo. Domanda sciocca ma: non riesco a visualizzare il nuovo css, devo effettuare una registrazione?

      RispondiElimina
    74. @Tiziano

      No, è su google docs, dovresti semplicemente visualizzarlo.... riecco il link anche se a me funziona...

      link documento


      facci sapere se hai ancora problemi...

      RispondiElimina
    75. Ciao scusa la domanda poco intelligente.
      Una volta creato il MENU, i link posso essere pagine del blog?
      Come si referenziano?
      Anna Maria

      RispondiElimina
    76. @Anna Maria De Riva

      certo, per inserire un link ad una pagina in html devi utilizzare il tag a fatto così

      NOME PAINA

      il link pagina lo trovi in alto nella barra degli indirizzi del browser.

      Se non è chiaro facci sapere come ti possiamo aiutare, ad esempio fornendoci le pagine che vuoi referenziare ;)

      RispondiElimina
    77. Grazie mille. Ci provo e poi vi faccio sapere
      PS: non so se lo avevate già detto .... ma il menu' è compatibile con tutti i browser?

      RispondiElimina
    78. Anna maria de riva

      Si da noi funziona con tutti i principali browser che abbiamo provato...

      RispondiElimina
    79. Ciaoooo, perchè se metto il gadget HTML di lato le voci del menu si espandono correttamente , mentre se lo posiziono sotto al titolo del blog le sottovci non si vedono?

      RispondiElimina
    80. @Anna Maria De Riva
      C'è qualche tag che dà problema nell'header o li rinomini nel css e quindi anche nel codice html oppure prova a posizionare il gadget HTML subito sopra il corpo del post...

      RispondiElimina
    81. ho provato ma ho ancora problemi.
      Potete darci una guardatina ?
      provetecnicheanna.blogspot.com

      RispondiElimina
    82. c'e' nessuno? Mi potete aiutare?.......

      RispondiElimina
    83. @Anna Maria De Riva

      scusa non ho aperto di fatto il pc ieri...

      hai provato con il css che ho linkato nei commenti?

      il tuo blog risulta privato...

      RispondiElimina
    84. scusa. ora credo che tu possa accedere al blog. Non ho provato altri css. Ora cerco tra i commenti... Intanto

      RispondiElimina
    85. Ciao mi avevate da questo suggerimento per collegare al menu delle pagine del blog:

      "@Anna Maria De Riva
      certo, per inserire un link ad una pagina in html devi utilizzare il tag a fatto così
      NOME PAINA
      il link pagina lo trovi in alto nella barra degli indirizzi del browser."

      NON RIESCO A VEDERE IL TAG "NOME PAINA" ---> forse è referenziato male. Scusatemi .........

      RispondiElimina
    86. Ho provato il CSS allegato in un commento precedente ma mi genera molti errori. Probabilmente ho sbagliato a collocarlo

      RispondiElimina
    87. @Anna Maria De Riva

      Rimuovi il css che hai inserito in precedenza ed al suo posto inserisci il secondo.

      Ti funziona ovunque lo posizione tranne che nell'header, giusto?

      Hai provato a posizionarlo nella parte subito dopo il corpo del post?

      Ps. Ti conviene rinominare i nomi dei tag css ed html, nel tuo template si vede hai nomi simili che ridifinisci di nuovo...

      RispondiElimina
    88. """Ciao Maniaci!!! Voglio ringraziarvi per questo splendido menu! Mi è piaciuto talmente tanto che vorrei metterne due sullo stesso blog....mi dite come fare? ho provato in vari modi ma nulla..mi aiutate? Grazie di cuore se potete farlo grazie.
      universonokia.blogspot.it
      ilpeccatoveniale.blogspot.it"""
      Ciao..vi siete dimenticati di me???
      Ciao aspetto!

      RispondiElimina
    89. @Galadriel

      No perchè non è possibile inserire due volte lo stesso script per li.

      Dovresti provare con un altro menu tutto in css magari.. Io però non ho molto tempo in questo periodo /;

      RispondiElimina
    90. @Demk
      Le ho provate tutte. Il menu non funziona se posizionato sotto il titolo del blog. Ho introdotto in css allegato ad un post precedente. Ho controllato se avevo nomi di tag css doppi , ma niente. Inoltre non so come si fa a collegare ad una voce di menu una pagina del blog. A suo tempo mi avevi indicato un link per vedere come fare il tag (NOME PAINA, ma non funziona il link).
      Se vuoi puoi vedere il blog di prova provetecnicheanna.blogspot.com.
      Se avete 5 min per me..... ve ne sarei grata

      RispondiElimina
    91. @Anna Maria De Riva

      Scrivimi a demi87rc@gmail.com

      non ti prometto molto in questo periodo, ma quando sarò on ti rispondo...

      Inviami magari una copia del template...

      RispondiElimina
    92. questo meraviglioso menu lo posso inserire su forummfree?

      RispondiElimina
    93. @Anonimo

      Mi spiace è da tanto che non utilizzo forumfree, ma non credo dia l'opportunità di modificare il css della pagina... mi spiace /:

      RispondiElimina
    94. si si puo modificare il css ma non viene vissualizzato bene

      RispondiElimina
    95. @Antonio

      che problema hai?

      Ti segnalo anche questo nuovo menu più carino...

      Menu di navigazione orizzontale a tendina con campo ricerca

      RispondiElimina
    96. Ti ringrazio lo provo e ti faccio sapere ti ho aggiunto su facebook :)

      RispondiElimina
    97. Ho un sito di informazione con Blogger e vorrei creare delle sottopagine (tendine) alle principali località, come ad esempio questo sito www.ilmetauro.it.
      Se vedi in alto nelle tendine sotto "alto, medio, basso" metauro compaiono le località, con all'interno tutti gli articoli pubblicati presenti nel sito web.
      Posso creare una cosa del genere con Blogger ?

      RispondiElimina
    98. @FTP

      Certo puoi usare le etichette di blogger...

      RispondiElimina
    99. E come si fa ?
      Spiegami grazie ! ;-)

      RispondiElimina
    100. Ciao @Demk, rileggiti bene quello che ho scritto. A me non interessano i tag degli articoli, ma tutti gli articoli pubblicati in data sotto una pagina a tendina sul luogo. Se non mi sono fatto capire bene, quello che voglio dire e' semplice, allora:
      Fare una Pagina con scritto "NOTIZIE" poi esce una tendina con scritto "ATTUALITA'", "CRONACA", "EVENTI" ect, ect, e poi appena cliccavi una di quelle ti dava tutta la serie di articoi della categoria scelta uno sotto l'altro. Quindi tutti gli articoli pubblicati da me all'interno del sito mio di informazione.
      Il risultato che mi piacerebbe che venisse fuori è questo: http://www.ilmetauro.it/category/citta/basso-metauro/fano.

      Saluti.

      RispondiElimina
    101. @FP

      Ho capito bene, ma ti basta settare bene le etichette. La pagina che mi hai linkato racchiude gli articoli per la categoria Fano. Lo stesso puoi far tu con le etichette su blogger...Ad un articolo puoi settare più etichette come Cronaca, Eventi ect ed in più la città o la località..

      RispondiElimina
    102. Salve! Vorrei approfittare della vostra genilezza per un piccolo aiuto. Sono alle prese con un menù orizzontale che mi sta dando non pochi problemi. In realtà il menù funziona ma solo se posizionato a fondo pagina. Se posizionato all' intestazione i sottomenù passano in secondo piano, come fossero nascosti dietro i post. Potete vederlo qui http://prova6313.blogspot.it/?zx=4ff3c48b19f9a109
      Ho provato (invano) a smanettare con lo z-index. Avete qualche suggerimento? Grazie mille

      RispondiElimina
    103. @LeChatNoir
      ha il blog privato. Prova a posizionare sopra il corpo del posto per vedere se hai gli stessi problemi. Se no manualmente dal codice cerca il punto esatto dentro l'intestazione per inserirlo... problemi di conflitto di tags...

      RispondiElimina
    104. Ciao, ho seguito passo passo le tue istruzioni e ora ho il menù. C'è solo un problema: che quando vado a modificare i codici per sostituire i colori e personalizzarli non mi appaiono le modifiche. Perché?

      RispondiElimina
    105. @Alessia Chiricolo

      Mandami il link del tuo blog di prova o contattaci tramite la sezione contatti per un riscontro più immediato e real time...

      RispondiElimina
    106. Vi ho scritto nella sezione contatti due giorni fa, comunque il link è http://dituttoedipiudialessiac.blogspot.it spero possiate aiutarmi presto!

      RispondiElimina
    107. ciao a tutti,posso domandarvi perche ho messo come detto tutto cio sopra e la item 2 quanto passo il mouse non me lo riconosce,cioè e tutto sgorbio.Grazie per la risposta

      RispondiElimina
    108. forse perche non ho messo in css che non so come si fa e cos'è...qualcuno puo aiutarmi?

      RispondiElimina
    109. @Gimelita84
      Si, ti manca di inserire il CSS. Ti segnalo un menu a tendina più aggiornato e dall'aspetto grafico leggermente più carino
      Menu di navigazione a tendina e con modulo ricerca.

      Se hai bisogno usa il modulo contatti.

      A presto

      RispondiElimina
    110. Se volessi mettere questo codice sul mio blog su Tumblr, come potrei fare?

      RispondiElimina
    111. @Enea

      Su Tumblr hai la possibilità di inserire codice html o css? Magari con l'ausilio di un modulo..

      RispondiElimina
    112. Ciao! Il tuo post finalmente mi aveva salvato ma...c'è un ma! Non mi compaiono i sotto menu e non capisco come mai! ho eseguito tutto alla lettera e non sono proprio alle prime armi con css e html eppure non riesco a capire come mai non funziona...aspetto fiduciosa una tua risposta :*

      RispondiElimina
    113. @Mammachevita
      Complimenti per le tue foto sul blog sono tenerissime!!! Attualmente il tuo css non va. Si sovrappone con l'header e non puoi cliccare sui link in basso. Se lo posizioni sotto l'header? Dovrebbe apparire lo stesso al primo scroll

      RispondiElimina
    114. Ma grazie per il complimento <3 Tornando al discorso menù... che browser usi? perché io uso safari e non mi da nessun problema, i sottomenu a tendina compaiono senza problemi. Questo però solo se lascio il menù sopra l'header, se invece lo sposto sotto (cosa che vorrei fare perché li non mi piace, le tendine non capisco se vengono nascose dal post oppure se non compaiono proprio! Sono disperata perché è da un paio di mesi che cerco di risolvere questo problema, ho infatti bisogno di allargare il blog con delle pagine più specifiche e necessito per forza di un menù a tendina per raggrupparli in categorie ma sta diventando un impresa!

      RispondiElimina
    115. @Mammachevita
      Google Chrome e Firefox. Purtroppo quando apporti una modifica la devi controllare sui browser più diffusi. Adesso hai spostato di nuovo sotto il menu, ma non è più a tendina. hai un blog di prova dove hai inserito il template ed il menu? Vorrei capire il problema che ti porta. Un menu più carino ed interamente in css è questo:
      Menu navigazione a tendina con campo ricerca.

      RispondiElimina
    116. Ciao Demk,
      ho provato a lavorare sul blog di prova con il codice CSS che mi hai raccomandato come opzione di menu. Ma il risultato è sempre lo stesso. Le tendine non compaiono quando io passo sulle voci principali. Non riesco a capire come mai. Lo lascio tra l'header e la parte dei post ma nulla, non compaiono i sottomenu. HO provato anche google Chrome stavolta ma nulla.... secondo te il problema da cosa può essere causato? Io prima provo sempre i menù con il codice che mi viene fornito e se non mi da problemi lo modifico, quindi non può essere di certo un errore mio. Possibile che non siano compatibili con il mio blog? (premesso che quello prova è proprio "vergine") Scusa il disturbo ma sei l'unico che stia tentando di farmi capire qualcosa.

      RispondiElimina
    117. @MammaCheVita
      Ti ho scritto tramite il modulo contatti così cerchiamo di risolvere assieme :)

      RispondiElimina
    118. Non mi vengono giù le tendine. Ho fatto i controlli che hai suggerito a Anonimo ed è tutto a posto, solo che le tendine non scendono. Cosa posso fare?

      RispondiElimina
    119. Ho provato anche a seguire il link del ccs alternativo che hai consigliato ad altri ma non si apre

      RispondiElimina
    120. Puoi aiutarmi per favore. Non riesco a far comparire nel menu altre pagine nè le sottopagine visibili. http://numeriunicivvf.blogspot.it/
      Grazie

      RispondiElimina
    121. @PAOPAO
      Quel menu che hai adesso è quello di blogger e ti carica solo le pagine create....

      RispondiElimina
      Risposte
      1. Adesso ho inserito nuovamente il menu creato.
        Grazie

        Elimina
    122. spiny è stato hackerato

      RispondiElimina

    Senza di te questo blog si riduce a ben poco...
    Per info guida commenti blogger