10 settembre 2009

98 commenti Condividi il post Facebook Twitter Google+

Menu "orizzontale" per il blog

menu orizzontaleDurante le ferie ho ricevuto un'email da Francesca in cui mi chiedeva:

vorrei mettere un menu orizzontale sotto il titolo del blog con i link: home, chi sono, ricette, eventi, ...
magari che apra una tendina per esempio nelle ricette dia l'opzione di scegliere primi, secondi, dolci, ...

Tempo fa Francesca mi aveva chiesto di realizzarle uno script per consentire ai suoi lettori la stampa delle sue ricette; per questo avevo creato un blog di prova sul quale ho testato lo script. Sempre sullo stesso blog ora trovate il menu in funzione!

Vediamo passo passo come realizzarlo.

Codice CSS

Il codice css necessario per il menu è il seguente:

/*CSS per il menu*/
ul#nav{font: 12px Verdena,Tahoma,sans-serif; font-weight: bold;}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none}
ul#nav{height:26px; line-height:25px; background: #2C2C2C; color: #FFFFFF;}
ul#nav a {display:block; padding: 0 15px; text-decoration: none; color: #FFFFFF;}
ul#nav li {float: left; position: relative;}
ul#nav li li {float: none; line-height: 22px; display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute; top: 23px; left: -9999px; width: 12em;}
ul#nav ul {padding: 7px 0; border: 1px solid #AAAAAA;}
ul#nav li li a {height:22px} /*fix per IE */
ul#nav ul,ul#nav li li a {background-color: #2C2C2C; color: #FFFFFF;}
ul#nav li:hover,ul#nav a:hover{background-color: #AAAAAA; color: #000000;}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

Andate in Blogger -> Layout -> Modifica HTML e inserite il codice css dopo la riga di codice <b:skin><![CDATA[/*

Se nel vostro template sono presenti delle variabili, ad esempio

<Variable name="textcolor" description="Text Color"
type="color" default="#ccc" value="#cccccc">

allora inserite il codice dopo la dichiarazione dell'ultima variabile.

Salvate il modello!

Codice HTML

Il codice html del menu di prova che ho realizzato è il seguente:

<ul id="nav">
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#">Profilo</a>
</li>
<li>
<a href="#">Contatti</a>
<ul>
<li><a href="#">Email</a></li>
<li><a href="#">Chat</a></li>
</ul>
</li>
<li>
<a href="#">Ricette</a>
<ul>
<li><a href="#">Antipasti</a></li>
<li><a href="#">Primi</a></li>
<li><a href="#">Secondi</a></li>
<li><a href="#">Contorni</a></li>
<li><a href="#">Dolci</a></li>
</ul>
</li>
</ul>

Il menu deve iniziare con <ul id="nav"> e terminare con </ul>

Per ogni voce semplice (tipo Home e Profilo del menu di prova) bisogna scrivere:

<li>
<a href="indirizzo">Home</a>
</li>

che ovviamente dovrete personalizzare con l'indirizzo e la descrizione (anziché Home) che desiderate.

Per ogni voce con menu a tendina (tipo Contatti e Ricette del menu di prova) bisogna scrivere:

<li>
<a href="#">Conatti</a>
<ul>
<li><a href="indirizzo1">Email</a></li>
<li><a href="indirizzo2">Chat</a></li>
</ul>
</li>

che va personalizzato in base alle vostre esigenze. L'esempio riportato ha solo due voci nel menu a tendina, per aggiungerne altre basta ripetere più volte il codice di una delle voci presenti.

Creazione del menu

Vi consiglio di scaricare questo file sul vostro computer e personalizzarlo nei colori e nelle voci aprendolo con blocco note o qualsiasi editor di testo.

Infine copiate il codice css e inseritelo nel blog secondo le istruzioni precedenti.

Per quanto riguarda il codice html, cliccate su Aggiungi un gadget della sidebar e selezionate html/javascript. Incollate nel gadget il codice e salvate. Ora trascinate il gadget sopra la sezione dei post (come mostrato in figura):



Resto a disposizione per ogni dubbio o chiarimento.


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

98 commenti

  1. interessantissimo.
    Appena ho un attimo ci provo
    Grazie

    RispondiElimina
  2. Ciao Iole ben tornata spero ti sia divertita e rilassata :).
    Ti volevo chiedere che tipo di Hosting (gratuito) usi per poter caricare file css e javascript in modo da poter utilizzare BumpBox o per lo meno poter caricare le descrizioni che hai anche tu nel menu, visto che il mio css è diverso per questioni grafica del sito (skydrive supporta solo le immagini).

    RispondiElimina
  3. @Dany: e io appena ho un attimo do un'occhiata al template che mi hai inviato ieri.
    @Train of thought: potresti caricare i file js e i css su digiland.libero.it. Lo utilizzo anch'io per diversi script (compreso quello delle descrizioni).

    RispondiElimina
  4. appena riesco provo.


    chiarissima ed utilissima!!!

    solo per il colore ho qualche dubbio!!????

    RispondiElimina
  5. una volta iscritto dove devo andare per inserire i file

    RispondiElimina
  6. Mi dispiace per te cara Iole ma io sono contenta che ti siano finite le ferie...questo appuntamento con il tuo blog mi appassiona davvero tanto!!! Oltre a questa utilissima barra che applicherò appena avrò tempo ti volevo chiedere una cosa. E' molto difficile trasformare il proprio blog da due a tre colonne? Mi sembra che ancora non abbia affrontato questo argomento nei tuoi post eccetto di quando parli del tuo blog in particolare. Mille grazie!

    RispondiElimina
  7. Cara Iole, sono passata a salutarti, non posso commentare perchè non so nemmeno di cosa parli...Baci..

    RispondiElimina
  8. @Alice4161: i colori li puoi personalizzare in base ai colori del tuo blog.
    @Train of thought: in effetti non è stato facile e intuitivo capire come inserire i file. Io ho salvato tra i preferiti questo link; inserendo user e password ti comparirà la schermata del file manager (Importa file, Crea cartella, Elimina, Rinomina, ecc).
    @Elena: queste ferie sono durate troppo poco... Aggiungere una terza colonna al blog non è molto difficile, ma le "istruzioni" per farlo cambiano da template a template, per questo non ho mai scritto un post a riguardo. Se mi mandi il tuo template completo via email posso modificarlo secondo le tue esigenze. Lo provo poi su un blog di prova e se ti piace lo carichi sul tuo.
    @Solema: grazie per il saluto... Passerò poi sul tuo blog a leggere tutte le ricette che mi sono persa in questi giorni di ferie.

    RispondiElimina
  9. Tu già sapevi che lo volevo anch'io!!!! Ed io... che prima o poi me l'avresti fatto!!!!! bello e chiaro.... solo da copiare!!!!!!
    (al massimo ti chiedo qualcosina...) :-)
    Un bacione
    GRAZIE

    RispondiElimina
  10. @Ale: prendi nota di tutte le cosine da chiedere... il prossimo weekend ti faccio un corso intensivo di html.

    RispondiElimina
  11. scusami iole...ma come mai quando inserisco il codice css....mi cambia tutto il colore del mio blog?

    RispondiElimina
  12. risolto...senza accorgermi sbagliavo.


    ciao

    RispondiElimina
  13. sei un mito!
    il tuo blog mi sta aiutando moltissimo con il mio!!!

    soprattutto perchè sei chiara e semplice, considerando il mio livello di abilità pari ad un tricheco ubriaco.

    Se poi per caso ci fosse un metodo (semplice però)per mettere le faccine delle espressioni nei commenti del blog...beh ti prego fammi sapere.
    Considera che ho il terrore di cambiare l'htlm...
    capito come sto messa'?!!!

    RispondiElimina
  14. @eppifemili: grazie per i complimenti :)
    Per le faccine ti consiglio di leggere questo post di Tenebrae, anche lui è molto chiaro e semplice nelle spiegazioni.

    RispondiElimina
  15. Ciao Iole!!!
    Sempre chiara e utilissima nelle tue spiegazioni :-)
    Un baciotto grassoccio e affettuoso!!!

    RispondiElimina
  16. Ciao, fatto tutto! ma... è possibile far chiudere la finestra quando la freccia del mio topolino non è piu' sul menu'?
    grazie, buona giornata!

    RispondiElimina
  17. @Favoloso: ricambio il baciotto... anche se Pablo è molto geloso ^_^
    @Ale: non lo vedo nel blog, ancora non l'hai inserito? Cmq la finestra dovrebbe chiudersi quando il mouse non è sul menu.

    RispondiElimina
  18. Ti ho mandato un invito per il blog di prova... ma mi capita la stessa cosa anche sul tuo...

    RispondiElimina
  19. @Ale: ho accettato l'invito e ho visto il menu. Brava, hai fatto un ottimo lavoro. Ho controllato su diversi browser e soltanto su IE si verifica il problema, ma non sempre.
    Tu su quale browser l'hai provato?

    RispondiElimina
  20. secondo te???? OVVIAMENTE IE....
    ma se è solo un "mio" problema... inserisco il menu' sul sito ufficiale.
    grazie
    ciao

    RispondiElimina
  21. @Ale: vedo che hai inserito il menu... Se posso darti un consiglio, io metterei un bordino alle tendine. Così come sono adesso si confondono con lo sfondo del blog.

    RispondiElimina
  22. Come saprai, il mio template ha già un suo menù, ma la funzione tendina potrebbe essermi utile! Grazie per la segnalazione!

    RispondiElimina
  23. Iole, a tuo parere come si fa questo menu orizzontale con tutte le ricette? Mi piace molto l'indice degli ingredienti....
    Ti metto il link del blog:

    http://assiettesduchef.canalblog.com/

    RispondiElimina
  24. Cara Jole, posso rimanere anch'io durante l'ora di lezione? Voglio togliere ad Ale un po' di lavoro e farla riposare!! Un bacio e...a presto!!!

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

    RispondiElimina
  26. Ci sono riuscita a mettere il menù a tendina, ma ci sono delle piccole cose che vorrei modificare se si può:
    ho usato dei bottoni per il menù, è possibile distanziarli un pò uno dall'altro?
    perchè nel mio blog la scritta nella tendina resta centrato? (ho provato anche a mettere il tuo codice css non modificato da me, ma niente da fare)
    e poi è possibile allargare la tendina (sono riuscita ad allargarla ma la scritta resta su sue righe e sta malissimo)
    grazie e scusami

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

    RispondiElimina
  28. scusami ho risolto la seconda e la terza cosa,
    mi resta a prima

    scusami
    ciao

    RispondiElimina
  29. Buongiorno! :)
    Passa su I Petali di rosa, c'è un premio che ti aspetta!

    RispondiElimina
  30. salve utilissimo blog nonchè post; ma è possibile inserire questo menù in un sito che non sia un blog? utilizzando quel codice html? e se si dove inserirlo?

    una richiesta d'aiuto su una cosa che non c'entra: su un mio blog di prova col template denim quando lo pubblico non mi appare "pubblicato da" e la barra delle reazioni nonostante io abbia spuntato le caselline del layout che prevedono l'inserimento. che fare?

    scusa il disturbo.

    RispondiElimina
  31. @Den: prego! Fammi sapere se hai ancora quel problema per la pubblicazione dei post.
    @Pinella: appena ho un po' di tempo vedo con calma il link che mi ha mandato e ti faccio sapere.
    @Solidea: certo che puoi rimanere :) Cmq meno quattro al grande giorno ;)
    @Dany: ti prometto che passerò presto sul tuo blog e ti dirò cosa modificare. Se mi dovessi dimenticare, ricordamelo!
    @caty: grazie per il premio! Prima o poi scriverò un post con tutti i premi ricevuti!
    @rigocentrico: sì, questo menu può essere inserito anche in un sito. Il codice css va inserito tra i tag <style> e </style> prima di </head> mentre il codice html nella sezione del sito dove vuoi visualizzarlo (cmq dopo <body>).
    Per il problema della scritta "pubblicato da", non conosco il template denim, ma già altre volte ho avuto richieste del genere e indipendentemente dal template dipende dal fatto che nel codice html manca la porzione di codice per visualizzare quell'informazione. Quindi spuntando o meno la casellina non la visualizzi. Mandami via email il template completo del tuo blog (Blogger - Layout - Modifica Html - Scarica modello completo) che ti aggiungo il codice necessario.

    RispondiElimina
  32. Cara Iole, un saluto. Devo dire che sei sempre bravissima nei tutorial, complimenti.

    RispondiElimina
  33. Iole grazie mille è bellissimo il blog di prova!!
    ero certa che avessi già esudito il mio desiderio... ma non ho avuto un secondo di tempo per controllare.... ma stasera giuro che il mio tracce di cibo avrà una menù orizzontale nuovo fiammante! ;-)
    grazie ancora

    RispondiElimina
  34. @Martin: grazie, gentilissimo come al solito :)
    @Francesca: cerco sempre di esaudire i desideri dei miei lettori. Passerò poi sul tuo blog a vedere il menu, nel tuo caso i colori che ho scelto si abbinano perfettamente al resto del blog ;)

    RispondiElimina
  35. Iole,
    un paio di domande: se il link fosse una etichetta del post (come nel mio caso delle ricette:primi, secondi,etc) come posso fare il collegamento?

    RispondiElimina
  36. @Francesca: basta cliccare con il pulsante destro del mouse sopra l'etichetta e selezionare la voce Copia collegamento o Copia Indirizzo Link a seconda del browser oppure cliccare su ogni etichetta e copiare l'indirizzo che compare nella barra degli indirizzi. Ad esempio per i primi è http://traccedicibo.blogspot.com/search/label/Primi%20piatti

    RispondiElimina
  37. Iole: ci sono riuscita ma vorrei cambiare i colori. Se volessi lasciare il background del menu bianco dove devo cambiare il codice CSS del colore?
    I nomi di ricette ecc li vorrei giallo limone e verde. Dove li devo cambiare nel CSS aggiunto ?
    Grazie mille.

    RispondiElimina
  38. @Pinella: ti ho appena inviato un'email con il css modificato in base ai colori del tuo blog.

    RispondiElimina
  39. Sei straordinaria, Iole!Grazie!!!

    RispondiElimina
  40. Ops, Iole. Non ho ricevuto....

    RispondiElimina
  41. @Pinella: non hai ricevuto la mia email? Te la rimando!

    RispondiElimina
  42. Grazie Iole! tutto bene. Poi ti faccio sapere

    RispondiElimina
  43. Girando per Internet ho un programma per creare i menu a tendina e si chiama "Pure CSS Menu Maker". L'ho trovato molto semplice. Questo mi genera dei file, tra cui uno di nome "cm-style.css". Questo file però non so dove inserirlo e non so se devo aggiungere altro codice all'html del mio sito.
    Tu hai per caso già provato questo programma?

    Grazie

    RispondiElimina
  44. @piccolo78: non conosco il programma di cui parli, comunque una volta generato il file .css devi prima caricarlo online, poi copi l'indirizzo del file e aggiungi nel template dopo il tag <head> questo codice:
    <link type='text/css' rel='stylesheet' href='url del file .css' />

    RispondiElimina
  45. Complimentissimi per il blog! Si vede che ci capisci di internet e di programmazione.. :) Grazie per l'aiuto che mi hai dato per il menù orizzontale, appena avrò un pò di tempo lo perfezionerò. Ciao ;)

    RispondiElimina
  46. Ciao Iole,

    ho inserito il menu e l'ho personalizzato un po' nei colori, però ho le stesso problema che si è presentato a Dany: le scritte delle tendine rimangono centrate, mentre le vorrei allineate a sinistra. Non capisco il motivo, quando ho scaricato e modificato il file che hai messo qui e ho l'ho aperto col browser non succedeva. E anche se incollo il codice identico al tuo il problema mi rimane...cosa ho sbagliato?

    RispondiElimina
  47. @filokalos: per allineare a sinistra le voci del menu a tendina aggiungi text-align: left; tra le proprietà di ul#nav ul,ul#nav li li a
    Ad esempio ul#nav ul,ul#nav li li a {background-color: #2C2C2C; color: #FFFFFF; text-align: left; }

    RispondiElimina
  48. ora ci provo pure io!!!!!
    grazieeee

    RispondiElimina
  49. ho seguito il tuo tutorial e ora ho una barra menù orizzontaleee!!!!
    grazieeeeeee

    RispondiElimina
  50. ogni tanto ho bisogno di un ripasso...
    un bacione
    ciao

    RispondiElimina
  51. Ciao Iole, ho inserito il menù da te descritto nel blog di prova facendo qualche modifica nei colori, e, qua e la lavorato con i margin e i padding. Quello che ho riscontrato a lavoro finito è che il menù in firefox è ben visibile, mentre in IE7 le voci del menù risultano quasi invisibili.
    Come posso risolvere il problema?
    Ciao
    CSJ

    RispondiElimina
  52. ah! ci fossi arrivata prima al tuo blog! ti chiedo sfacciatamente se mi puoi dare una mano.
    Sono Stefania e ho un blog di cucina. Con fatica mi sono creata un menu' a tendina ma chi utilizza internet explorer 7 (un sacco di gente...) non lo visualizza correttamente. Vedono infatti solo il primo sottotitolo e gli vengono nascosti dal post e non rimandano alle pagine correlate. Il mio blog è questo e ti mando una mail con il mio codice css.
    Grazie mille!
    Stefania

    RispondiElimina
  53. @CSJ: cosa intendi per voci del menu quasi invisibili?
    @Shade: ti ho appena inviato una mail con il codice corretto. Provalo su Internet Explorer e fammi sapere.

    RispondiElimina
  54. Ciao.Una domanda magari stupida ma nn capisco nulla di pc.Quando dici che bisogna inserire l'indirizzo cosa intendi?che indirizzo va inserito? grazie!

    RispondiElimina
  55. @Titty: ti spiego cos'è un indirizzo con un esempio.
    Se volessi linkare il mio blog allora al posto di
    <a href="indirizzo">Nome</a>
    devi scrivere
    <a href="http://iolecal.blogspot.com/">Iole</a>
    Spero di essere stata chiara.

    RispondiElimina
  56. Ciao Iole, già tempo fa avevo provato a inserire questa tua modifica nel mio blog di supporto (http://sassolini-beta.blogspot.com/) ... ti avevo anche lasciato un commento al riguardo, ma forse in altro post... il fatto è che c'ero riuscita, ma adesso non funziona più, nel senso che il menù a tendina non è più a tendina ma tutto "esposto"! Ho provato ad inserirlo in vari punti, a rimodificare il modello... sigh! ... niente da fare! Potrebbero essere stati i cambiamenti recenti di blogger a sballare tutto? Puoi darmi qualche suggerimento? Grazie mille!

    RispondiElimina
  57. @Beta: ho controllato il codice html del tuo blog e manca la parte del css; è per questo che il menu si vede tutto "esposto". Inserisci il codice css e fammi sapere!

    RispondiElimina
  58. Iole, grazie per la tua tempestività!
    Allora, premesso che di HTML non ci capisco un'acca...
    In effetti, ho inserito il CSS e adesso si è ricomposto, solo che ... non ci sono più le tendine!
    Io ho inserito dopo le variabili come da tuo suggerimento, ma missà che ho sbagliato ancora qualcosa... quasi quasi ti mando la parte del codice inserita, via mail... che dici? ... sempre ammesso che tu, abbia ancora voglia e tempo di aiutarmi! :)

    RispondiElimina
  59. @Beta: riguardando l'html del tuo blog si vede che hai combinato un pasticcio ^_^
    In pratica hai inserito il codice html del menu all'interno del css.
    Ti consiglio di copiare il codice (sia html che css del menu) in un file di testo e poi cancellarlo dal blog.
    Salvi le modifiche: in questo modo il menu non compare più.
    Poi segui di nuovo tutte le istruzioni riportate su questo mio post e fammi sapere.
    Se non dovesse andar a buon fine, mandami via email il template completo (per scaricarlo vai in Blogger - Design - Modifica html - Scarica modello completo) così vedo cosa non va.

    RispondiElimina
  60. Aaarghhh... ormai son rossa di vergogna... non mi viene! Ho cancellato tutto, ho cambiato il modello in modo da annullare quanto precedentemente fatto, ho inserito il cod. CSS dopo le variabili... e fin qui ci siamo, perchè il menù esce.... poi ho inserito il cod. HTML nei gadget... e non succede niente, niente tendina, e le personalizzazioni che io avevo già fatto non funzionano più (ma prima si vedevano i sottotitoli...)!
    Sono un caso disperato!

    RispondiElimina
  61. @Beta: allora mandami il template completo via email. Ci lavorerò stasera o domani mattina.

    RispondiElimina
  62. Cosa intendi per template completo? COsa devo copiare esattamente? E la tua mail?

    RispondiElimina
  63. @Beta: per scaricare il template completo vai in Blogger - Design - Modifica html - Scarica modello completo e salva sul pc il file .xml da allegare poi all'email.
    La mia email è iolecal@gmail.com (la trovi anche in alto nell'header, terza icona).

    RispondiElimina
  64. Grazie! Sei un vero tesoro! Ma non affannarti eh... non c'è nessunissima fretta! ;-D

    RispondiElimina
  65. wow...ora ci provo...ma dov'è blogger?

    RispondiElimina
  66. @Tiffany99: per Blogger intendo la bacheca di Blogger.

    RispondiElimina
  67. Ho seguito passo passo le istruzioni, ma il risultato è questo:
    http://i51.tinypic.com/ok3j1i.png

    Cosa ho sbagliato ??

    RispondiElimina
  68. @Marty@Angel@Devil: ho controllato l'html del tuo blog e manca la parte di codice css, grazie alla quale il menu assume l'aspetto "orizzontale".

    RispondiElimina
  69. Ok, ho inserito il codice CSS dopo la dichiarazione dell'ultima variabile e ora appare così:

    http://i53.tinypic.com/1z1urtu.png

    RispondiElimina
  70. @Marty@Angel@Devil: controlla bene il codice css; l'hai inserito dopo la prima variabile e non l'ultima.

    RispondiElimina
  71. Adesso l'ho messo sotto l'ultima variabile, ora mi appare in orrizontale con sfondo nero e il bottone "le mie storie" che apre il menù a tendina mi appare invisibile, lo vedo sotto gli altri quando posiziono il cursore sopra

    RispondiElimina
  72. @Marty@Angel@Devil: come avevo già consigliato nel post, scarica il file di prova, lo modifichi sul tuo computer e quando sei soddisfatta del risultato (colori, font, dimensioni, voci del menu, ecc) incolli il codice css e html nel tuo blog secondo le istruzioni riportate nel mio post.

    RispondiElimina
  73. L'ho scaricato, ma quando lo apro trovo solo il file che si apre con internet, l'anteprima, ma il file modificabile con il blocco note non lo trovo .... e una cosa quando lo trovo lo apro con blocco note, per modificare i colori cosa devo scrivere ?? Scusa tutte queste domande, ma non sono molto pratica con i codici CSS e HTML ....

    RispondiElimina
  74. @Marty@Angel@Devil: lo stesso file che apri con Internet Explorer, lo puoi aprire con blocco note cliccando con il pulsante destro del mouse e selezionando la voce "Apri con..."
    Se non sai come procedere, mi dispiace ma non so come aiutarti. In questi giorni ho tantissime richieste in sospeso, soprattutto di persone che mi hanno già fatto una donazione e loro hanno la priorità assoluta.

    RispondiElimina
  75. Sono riuscita a modificarlo e l'ho messo correttamente nel blog, grazie mille le tue guide sono davvero utili ^_^

    RispondiElimina
  76. Ciao, scusa se ti distrubo di nuovo, ma come ti ho già detto sono molto imbranata ^^" allora ho da poco cambiato template al mio blog e adesso il menù sono riuscita a metterlo sotto il logo, però le opzioni a tendina non funzionano più, cioè non appaiono quando ci metto sopra il cursore ma si vede già sotto all'opzione dove dovrebbe apparire come tendina, non so se sono riuscita a spiegarmi bene .... ho rimesso il codice css che avevo utilizzato nel vecchio template ma non funziona più, come posso fare ??

    RispondiElimina
  77. @Marty»the»dreamer: significa che nel nuovo template esiste già un codice css per la gestione del menu e delle voci della tendina (che anziché essere "nascoste" e visualizzate solo al passaggio del mouse, sono sempre visibili).

    RispondiElimina
  78. Va bene, quindi non esiste un meteodo per metterlo a tendina ?? Il template è "finestra immagine"

    RispondiElimina
  79. Ho cambiato di nuovo template ma il problema persiste ....

    RispondiElimina
  80. @Marty»the»dreamer: sono stata sul tuo blog e anche se il menu non è a tendina mi sembra fatto bene.
    Cosa non va secondo te?

    RispondiElimina
  81. No nulla, solo che inserendo man mano le storie dopo la lista sarebbe diventata troppo lunga e sarebbe stato meglio se fosse a scomparsa, comunque ora ho tolto la tendina e ho sistemato tutto ^_^

    RispondiElimina
  82. Hey iole ti ho inviato i codici del mio blog via e-mail aiuta,i!!xD
    Non ho capito un fico secco certo ho messo gli indirizzi ed il nome visualizzato ma nn ho capito cm si modifica il menù O.o

    RispondiElimina
  83. @MysticGiuly: ho ricevuto la tua mail ma dovrai aspettare un bel po'. Al momento sono molto impegnata nella realizzazione di banner, template e altri widget per alcune persone che mi hanno già fatto una donazione.

    RispondiElimina
  84. Ehi ciao! Ho provato a seguire le tue istruzioni ma sono davvero troppo troppissimo imbranata!
    Volevo un menù nel mio blog quando l'ho aperto ma non sapendo come fare ho usato lo stratagemma delle etichette...ma non so perchè non ce ne stanno più di cinque...lo so che sei impegnata ma magari ti va di passare dal mio blog e vedere se si può fare un menù semplice? Volevo una cosa così: home, recensioni, teaser tuesdays, w...w...w...wednesdays, What I want

    puoi aiutarmi? se dovessi aver bisogno di contattarmi questa è la mia mail: segretidietrounapagina@hotmail.it

    questo il link al blog:
    http://segretidietrounapagina.blogspot.com/

    RispondiElimina
  85. @Polvere di stelle: con il codice e le istruzioni che ho messo a disposizione è possibile creare un menu personalizzato ma occorre un minimo di impegno. Basta semplicemente seguire passo passo le istruzioni, fare delle prove su un blog di prova o semplicemente modificando il file di esempio e quando il risultato ti piace incolla il codice nel blog.
    Come ho già detto a MysticGiuly, al momento non posso aiutarti: hanno la precedenza assoluta le richieste dei lettori che hanno già fatto una donazione.

    RispondiElimina
  86. inutile dirti che proverò a creare un menù orizzontale! e spero vivamente di venirne fuori con le tue istruzioni da sto rompicapo che mi assilla il cervello da troppo tempoo.
    stefano un tuo nuovo follower!

    RispondiElimina
  87. grazie mille..ci sono riuscito..
    http://simpleitaly.blogspot.cz/

    RispondiElimina
  88. grazie iole sei un mito se ti fà piacere puoi unirti al mio blog http://rosymarzo.blogspot.it/

    RispondiElimina
  89. @rosaria ciccarino: grazie mille per i complimenti!
    Sono passata sul tuo blog e mi sono aggiunta ai tuoi lettori.

    RispondiElimina
  90. Buongiorno a tutti! Ciao Iole (in programma statua d' oro a Natale per te! Provo disperatamente a far funzionare questo menù nel mio blog, ma purtroppo qualcosa non va. Ho seguito correttamente tutti i passaggi ed il menù in realtà funziona alla perfezione ma smette di funzionare quando lo metto sotto l' intestazione, come se passasse automaticamente in secondo piano il II livello che va quindi a nascondersi al di sotto del post. Ho provato anche a smanettare con lo z-index, ma senza risultati. Questo il BLOG DI PROVA: http://prova6313.blogspot.it/ dove su può vedere in basso il menù funzionante e sopra il menù impazzito. Qualcuno ha il mio stesso problema? :( Grazie mille!

    RispondiElimina
  91. @LeChatNoir: questo menu funziona bene su Chrome e Firefox mentre non si vede bene su Internet Ecplorer.
    Non riesco a visualizzare il tuo blog di prova perché non è pubblico, dovresti inviarmi l'invito per diventare lettore oppure impostarlo momentaneamente come blog pubblico.
    Comunque anche altre persone hanno avuto problemi con questo tipo di menu quindi sono da tempo alla ricerca di uno che funzioni su tutti i browser. Ne sto testando alcuni e spero di riuscire presto a pubblicare un nuovo post con le istruzioni per inserire il menu nel proprio blog.

    RispondiElimina
  92. Ciao Iole! Il tuo blog è una miniera infinita di risorse! Ho tentato questa mattina con questo menu, ma non sono riuscita... oltre a sbagliare qualcosa nel css (mi cambia lo sfondo del blog), anche col codice html devo aver commesso errori, visto che nelle voci del menu dove dovrebbe apparire la tendina, non ce n'è neppure l'ombra... Insomma, mi sento impedita... eppure le tue spiegazioni sembrano così semplici... e non ho neppure tentato di modificare colori e dimensioni...

    RispondiElimina
  93. @Susanna: se mi invii tramite email il codice che hai scritto, controllo se c'è qualcosa che non va. A personalizzare il css con i colori del tuo blog ci penso io ;)

    RispondiElimina
  94. @iole io non riesco ad andare:cioè,clicco su (per esempio) ''My edit'' e nnt rimane al menu.
    Potresti dare un'occhiatina al mio blog??non ho cpt xk fà così!!

    RispondiElimina
  95. @Stella Giò: in quale dei tuoi sei blog hai inserito il codice del menu?

    RispondiElimina

Se volete sostenere il mio blog, visitate questi siti. Grazie!
Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy