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, ...
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}
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">
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>
<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>
<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>
<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.
interessantissimo.
RispondiEliminaAppena ho un attimo ci provo
Grazie
Ciao Iole ben tornata spero ti sia divertita e rilassata :).
RispondiEliminaTi 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).
@Dany: e io appena ho un attimo do un'occhiata al template che mi hai inviato ieri.
RispondiElimina@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).
appena riesco provo.
RispondiEliminachiarissima ed utilissima!!!
solo per il colore ho qualche dubbio!!????
una volta iscritto dove devo andare per inserire i file
RispondiEliminaMi 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!
RispondiEliminaCara Iole, sono passata a salutarti, non posso commentare perchè non so nemmeno di cosa parli...Baci..
RispondiElimina@Alice4161: i colori li puoi personalizzare in base ai colori del tuo blog.
RispondiElimina@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.
Tu già sapevi che lo volevo anch'io!!!! Ed io... che prima o poi me l'avresti fatto!!!!! bello e chiaro.... solo da copiare!!!!!!
RispondiElimina(al massimo ti chiedo qualcosina...) :-)
Un bacione
GRAZIE
@Ale: prendi nota di tutte le cosine da chiedere... il prossimo weekend ti faccio un corso intensivo di html.
RispondiEliminascusami iole...ma come mai quando inserisco il codice css....mi cambia tutto il colore del mio blog?
RispondiEliminarisolto...senza accorgermi sbagliavo.
RispondiEliminaciao
sei un mito!
RispondiEliminail 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'?!!!
@eppifemili: grazie per i complimenti :)
RispondiEliminaPer le faccine ti consiglio di leggere questo post di Tenebrae, anche lui è molto chiaro e semplice nelle spiegazioni.
Ciao Iole!!!
RispondiEliminaSempre chiara e utilissima nelle tue spiegazioni :-)
Un baciotto grassoccio e affettuoso!!!
Ciao, fatto tutto! ma... è possibile far chiudere la finestra quando la freccia del mio topolino non è piu' sul menu'?
RispondiEliminagrazie, buona giornata!
@Favoloso: ricambio il baciotto... anche se Pablo è molto geloso ^_^
RispondiElimina@Ale: non lo vedo nel blog, ancora non l'hai inserito? Cmq la finestra dovrebbe chiudersi quando il mouse non è sul menu.
Ti ho mandato un invito per il blog di prova... ma mi capita la stessa cosa anche sul tuo...
RispondiElimina@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.
RispondiEliminaTu su quale browser l'hai provato?
secondo te???? OVVIAMENTE IE....
RispondiEliminama se è solo un "mio" problema... inserisco il menu' sul sito ufficiale.
grazie
ciao
@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.
RispondiEliminaCome saprai, il mio template ha già un suo menù, ma la funzione tendina potrebbe essermi utile! Grazie per la segnalazione!
RispondiEliminaCi provo, Iole, ci provo!!
RispondiEliminaIole, a tuo parere come si fa questo menu orizzontale con tutte le ricette? Mi piace molto l'indice degli ingredienti....
RispondiEliminaTi metto il link del blog:
http://assiettesduchef.canalblog.com/
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!!!
RispondiEliminaQuesto commento è stato eliminato dall'autore.
RispondiEliminaCi sono riuscita a mettere il menù a tendina, ma ci sono delle piccole cose che vorrei modificare se si può:
RispondiEliminaho 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
Questo commento è stato eliminato dall'autore.
RispondiEliminascusami ho risolto la seconda e la terza cosa,
RispondiEliminami resta a prima
scusami
ciao
Buongiorno! :)
RispondiEliminaPassa su I Petali di rosa, c'è un premio che ti aspetta!
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?
RispondiEliminauna 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.
@Den: prego! Fammi sapere se hai ancora quel problema per la pubblicazione dei post.
RispondiElimina@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.
Cara Iole, un saluto. Devo dire che sei sempre bravissima nei tutorial, complimenti.
RispondiEliminaIole grazie mille è bellissimo il blog di prova!!
RispondiEliminaero 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
@Martin: grazie, gentilissimo come al solito :)
RispondiElimina@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 ;)
Iole,
RispondiEliminaun 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?
@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
RispondiEliminaIole: ci sono riuscita ma vorrei cambiare i colori. Se volessi lasciare il background del menu bianco dove devo cambiare il codice CSS del colore?
RispondiEliminaI nomi di ricette ecc li vorrei giallo limone e verde. Dove li devo cambiare nel CSS aggiunto ?
Grazie mille.
@Pinella: ti ho appena inviato un'email con il css modificato in base ai colori del tuo blog.
RispondiEliminaSei straordinaria, Iole!Grazie!!!
RispondiEliminaOps, Iole. Non ho ricevuto....
RispondiElimina@Pinella: non hai ricevuto la mia email? Te la rimando!
RispondiEliminaGrazie Iole! tutto bene. Poi ti faccio sapere
RispondiEliminaGirando 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.
RispondiEliminaTu hai per caso già provato questo programma?
Grazie
@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:
RispondiElimina<link type='text/css' rel='stylesheet' href='url del file .css' />
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 ;)
RispondiEliminaCiao Iole,
RispondiEliminaho 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?
@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
RispondiEliminaAd esempio ul#nav ul,ul#nav li li a {background-color: #2C2C2C; color: #FFFFFF; text-align: left; }
risolto...sei un angelo!
RispondiEliminaora ci provo pure io!!!!!
RispondiEliminagrazieeee
ho seguito il tuo tutorial e ora ho una barra menù orizzontaleee!!!!
RispondiEliminagrazieeeeeee
ogni tanto ho bisogno di un ripasso...
RispondiEliminaun bacione
ciao
Grazie Iole per il tuo aiuto.
RispondiEliminaCiao 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.
RispondiEliminaCome posso risolvere il problema?
Ciao
CSJ
ah! ci fossi arrivata prima al tuo blog! ti chiedo sfacciatamente se mi puoi dare una mano.
RispondiEliminaSono 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
@CSJ: cosa intendi per voci del menu quasi invisibili?
RispondiElimina@Shade: ti ho appena inviato una mail con il codice corretto. Provalo su Internet Explorer e fammi sapere.
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@Titty: ti spiego cos'è un indirizzo con un esempio.
RispondiEliminaSe 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.
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@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!
RispondiEliminaIole, grazie per la tua tempestività!
RispondiEliminaAllora, 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! :)
@Beta: riguardando l'html del tuo blog si vede che hai combinato un pasticcio ^_^
RispondiEliminaIn 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.
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...)!
RispondiEliminaSono un caso disperato!
@Beta: allora mandami il template completo via email. Ci lavorerò stasera o domani mattina.
RispondiEliminaCosa intendi per template completo? COsa devo copiare esattamente? E la tua mail?
RispondiElimina@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.
RispondiEliminaLa mia email è iolecal@gmail.com (la trovi anche in alto nell'header, terza icona).
Grazie! Sei un vero tesoro! Ma non affannarti eh... non c'è nessunissima fretta! ;-D
RispondiEliminawow...ora ci provo...ma dov'è blogger?
RispondiElimina@Tiffany99: per Blogger intendo la bacheca di Blogger.
RispondiEliminaHo seguito passo passo le istruzioni, ma il risultato è questo:
RispondiEliminahttp://i51.tinypic.com/ok3j1i.png
Cosa ho sbagliato ??
@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".
RispondiEliminaOk, ho inserito il codice CSS dopo la dichiarazione dell'ultima variabile e ora appare così:
RispondiEliminahttp://i53.tinypic.com/1z1urtu.png
@Marty@Angel@Devil: controlla bene il codice css; l'hai inserito dopo la prima variabile e non l'ultima.
RispondiEliminaAdesso 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@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.
RispondiEliminaL'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@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..."
RispondiEliminaSe 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.
Sono riuscita a modificarlo e l'ho messo correttamente nel blog, grazie mille le tue guide sono davvero utili ^_^
RispondiEliminaCiao, 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@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).
RispondiEliminaVa bene, quindi non esiste un meteodo per metterlo a tendina ?? Il template è "finestra immagine"
RispondiEliminaHo cambiato di nuovo template ma il problema persiste ....
RispondiElimina@Marty»the»dreamer: sono stata sul tuo blog e anche se il menu non è a tendina mi sembra fatto bene.
RispondiEliminaCosa non va secondo te?
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 ^_^
RispondiEliminaHey iole ti ho inviato i codici del mio blog via e-mail aiuta,i!!xD
RispondiEliminaNon 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
@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.
RispondiEliminaEhi ciao! Ho provato a seguire le tue istruzioni ma sono davvero troppo troppissimo imbranata!
RispondiEliminaVolevo 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/
@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.
RispondiEliminaCome ho già detto a MysticGiuly, al momento non posso aiutarti: hanno la precedenza assoluta le richieste dei lettori che hanno già fatto una donazione.
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.
RispondiEliminastefano un tuo nuovo follower!
grazie mille..ci sono riuscito..
RispondiEliminahttp://simpleitaly.blogspot.cz/
grazie iole sei un mito se ti fà piacere puoi unirti al mio blog http://rosymarzo.blogspot.it/
RispondiElimina@rosaria ciccarino: grazie mille per i complimenti!
RispondiEliminaSono passata sul tuo blog e mi sono aggiunta ai tuoi lettori.
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@LeChatNoir: questo menu funziona bene su Chrome e Firefox mentre non si vede bene su Internet Ecplorer.
RispondiEliminaNon 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.
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@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@iole io non riesco ad andare:cioè,clicco su (per esempio) ''My edit'' e nnt rimane al menu.
RispondiEliminaPotresti dare un'occhiatina al mio blog??non ho cpt xk fà così!!
@Stella Giò: in quale dei tuoi sei blog hai inserito il codice del menu?
RispondiEliminaCiao Iole scusa ma a me il menù sotto rimane grigio ho usato un il codice per link con le immagini nonostante fosse trasparente ho questa striscia qui: https://jashleygraphics.blogspot.it/ come faccio a farla diventar bianca?
RispondiElimina@Alicecullenefp: sono stata nel tuo blog ma non ho visto il menu. Inviami tramite email il codice che hai utilizzato così controllo se c'è qualcosa che non va.
EliminaCiao Iole, c'ho provato per due giorni a mettere il menù a tendina, ma non si centra come il menù principale, e la tendina si nasconde dietro i post!! Sono autodidatta con il linguaggio HTML, ma penso che mi si fonderà il cervello se provo ancora T.T
RispondiEliminaPotresti dirmi cosa sbaglio? Grazie <3
ps. questo blog è la salvezza.
@**claudia90**: presto pubblicherò un nuovo post con un menu a tendina facile da personalizzare.
EliminaCiao Iole, non riesco ad inserire il menu... ti avevo già inviato la richiesta per diventare amministratore del blog per inserire gli articoli correlati, appena puoi daresti un'occhiata?? Ti ringrazio!
RispondiElimina@Marianna Celeste: inviami nuovamente l'invito perché non l'ho ricevuto.
EliminaCiao iole lo posso inserire anch'io nel mio blog https://myromance36.blogspot.com/?m=1 ci scrivo storie d'amore a puntate
RispondiElimina@Mary Ippolito: sì, certo!
EliminaCiao ci ho provato non riesco ti ho messo amministratore me lo puoi mettere tu https://raccontirosadimary.blogspot.com/?m=1
Elimina