|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
Ciao Amici desiderei mettere questo codice per inserire nella pagina index un menù orizzontale per linkare le varie pagine del sito. Codice html<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>MenuBuilder.me - Online Menu Generator</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #menu ul,#menu li { margin:0; padding:0; } #menu li {list-style:none;float:left;} #menu a { display:block;margin:0 auto;color:#fff;text-decoration:none; background:url(_right.png) right top no-repeat;} #menu a span { display:block;text-align:center;background:url(_left.png) left top no-repeat; font:bold 12px/30px Arial, Helvetica, sans-serif; padding:0 20px; } #menu a:hover { background-position:right bottom;text-decoration:underline} #menu a:hover span { background-position:left bottom; }</style> </head> <body> <div id="menu"> <ul> <li><a href="http://menubuilder.me"><span>Home</span></a></li> <li><a href="http://menubuilder.me"><span>About</span></a></li> <li><a href="http://menubuilder.me"><span>Blog</span></a></li> <li><a href="http://menubuilder.me"><span>Contact</span></a></li> </ul> </div> </body> </html> il sito da dove l'ho preso è il seguente: http://menubuilder.me/Ho provato ad inserirlo nel mio sito il codice ma mi dà dei problemi !!!! mi aiutate per sapere come impostarlo ? le correzioni le farò nel sito off-line per evitare di danneggiare quello online Grazie!!!!
|
|
|
|
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Ho dato un'occhiata rapida. Quali problemi riscontri? A me il codice non funziona. Se vuoi, dai un'occhiata qui: http://digilander.libero.it/cislscuola.ts/tk2.pdfCiao. Edit: ho rifatto con calma. Il menù funziona. Hai messo le due immagini nella cartella dove hai il sito? Se non lo hai fatto, non vedi nente ...
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
eco come prima cosa succede questo:
se inserisco la prima parte del codice tra i tag head mi esclude il resto della pagina scritta in html, che spunta in grigio, e l'altra parte del codice tra i tag body, questo menù lo vorrei inserire accanto alle pubblicizazzioni degli altri siti.
2° cosa non riesco a mettere l'immagine nella cartella del mio sito online, perchè eseguendo quel codice che viene eseguito in automatico con komposer non mi permette di vedere l'immagine.
3° cosa l'immagine la devo prendere generata da quel sito?
4° cosa dopo aver generato il codice direttamente dal sito l'ho scaricato direttamente nella cartella Web, però mi viene fuori un file chiamato menù con sotto il titolo firefox document e nelle cose scaricate non mi spunta l'immagine, e non posso andarla a selezionarla ed inserirla tra le immagini
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Scusa, sarà la vecchiaia ma non ho capito niente. Cercherò di aiutarti. Le istruzioni sono le seguenti. Tra <head> e </head> va inserito solo questo codice: <style type="text/css"> #menu ul,#menu li { margin:0; padding:0; } #menu li {list-style:none;float:left;} #menu a { display:block;margin:0 auto;color:#fff;text-decoration:none; background:url(_right.png) right top no-repeat;} #menu a span { display:block;text-align:center;background:url(_left.png) left top no-repeat; font:bold 12px/30px Arial, Helvetica, sans-serif; padding:0 20px; } #menu a:hover { background-position:right bottom;text-decoration:underline} #menu a:hover span { background-position:left bottom; }</style> Nel punto della pagina web dove vuoi appaia il menù va inserito questo codice: <div id="menu"> <ul> <li><a href="http://menubuilder.me"><span>Home</span></a></li> <li><a href="http://menubuilder.me"><span>About</span></a></li> <li><a href="http://menubuilder.me"><span>Blog</span></a></li> <li><a href="http://menubuilder.me"><span>Contact</span></a></li> </ul> </div> Nella cartella dove hai il sito devi mettere le due immagini (che hai trovato nel file che hai szippato) _left.png e _right.png. Il menù funziona. Infatti:  Altro non posso dirti. Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
eco adesso che me lo stai ricordando non ho inserito quei due file che mi hai segnalato non l'avevo inseriti adesso li vado ad inserire.
Una cosa ho seguito la procedura che poc'anzi mi hai suggerito ed è spuntato con kompozer senza bisogno di metterci quei due file mi è bastato mettere correttamente il codice seguendo quella procedura e si mette a posto questo però offline, lo metterò in linea e vedremo cosa spunterà però ancora devo modificare nella sezione link del codice
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Attendiamo gli avvenimenti .... Ma cosa vuol dire "è spuntato con kompozer senza bisogno di metterci quei due file" ?
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
eco volevo dire questo : che mi è spuntato il menù orizzontale salvando il file index.htm con kompozer senza aver bisogno di metterci i due file con estensione ping che sono _left.png e _right.png., poi li ho inseriti sia off-line che online, ho fatto partire il sito ed il menù mi è apparso così come lo vedi nel sito, invece lo desideravo fare come risultava nel sito MenuBuilder che è molto più bello.
Devo rivedere il codice che mi hai riportato nel post dove non ci siamo capiti ed esattamente questo:
venerdì 1 ottobre 2010 16.43.25
il menù viene solo con le scritte in bianco e non viene raffigurato nel sito
desiderei sapere come fare lo sfondo e il colore del carattere del menù orizzontale
|
|
Rank: AiutAmico
Iscritto dal : 3/1/2009
Posts: 325
|
OOps: scusate errore di battitura. Ho sbagliato sezione ...
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Speedy, vuoi cambiare solo il colore delle scritte?
Eccoti il codice per le scritte in rosso:
#menu a { display:block;margin:0 auto;color:#ff0000;text-decoration:none; background:url(_right.png) right top no-repeat;}
Al posto di #ff0000 puoi mettere il codice del colore che vuoi.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
non riesco a visualizzare lo sfondo del menù eppure i file immagini li ho inseriti non so dove sbaglio
a presto ciao!
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Temo proprio che Front ti cambi i codici. Tu li copi e poi li incolli esatti ma dopo aver salvato Front fa tutto altro.
Codice esatto:
#menu a { display:block;margin:0 auto;color:#fff;text-decoration:none; background:url(_right.png) right top no-repeat;}
Codice di Front:
#menu a { display:block;margin:0 auto;color:<font face="arial, helvetica"><font face="arial, helvetica" size="-1">#ff00</font></font>;text-decoration:none; background:url('_right.png') no-repeat right top;}
Non ti resta che controllare tutto il codice (io l'ho fatto con una sola riga) e poi apportare le modifiche, sperando che Front non torni a fare pasticci.
Ciao.
Edit: ora il menù c'è.
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
eco ora il menù spunta come lo volevo io sia come sfondo e colore del testo, modificati i link che portano alle mie pagine, ma ancora non ci siamo come proporzioni sia in altezza ,larghezza, e centratura delle voci nel menù orizzontale, tutto il resto funziona
Proverò ad aprirli e salvarli con kompozer magari cambia qualcosa!!!
ciao
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Non cambiare web editor !!! Faresti dei pasticci immani.
Modificando il codice puoi cambiare tipo, altezza, colore dei caratteri; con i CSS non puoi modificare la lunghezza dei bottoni (proporzionali alla lunghezza del testo); per la centratura si può far qualcosa.
Ripeto, i cambiamenti puoi farli modificando il codice, non cambiando il web editor.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
grazie delle info vedrò come regolare le varie misure
|
|
Rank: AiutAmico
Iscritto dal : 11/3/2008
Posts: 915
|
secondo me è meglio lavorare a codice crudo basta con questi web editor... ti rovinano il bello dell'html.. io mi sono appassionato solo con il codice il web editor non lo uso più da 1 anno che poi sono 2 anni che ho iniziato a fare pagine.. Per sistemare bene il menù devi modificarlo da codice perchè con gli web editor ti stroppiano tutto. Ciao.
Forum: Http://mcminecraftcreep.altervista.org/
Youtube: Http://Youtube.it/mcminecraftgreeper
Facebook: http://www.facebook.com/pages/Multigaming-Creeper/206307562741464
Twitter Peronblack: http://twitter.com/Peronblack
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Dici bene , Peron. Web editor come Front Page sono famigerati per come maltrattano il codice. KompoZer va un po' meglio.
Il problema vero è che molti cominciano a fare un sito web senza avere la minima cognizione di HTML e di CSS ma una volta composte le pagine con il web editor vogliono infarcirle con un codice che per loro è arabo (o cinese, il che fa lo stesso).
La folosofia del tutto facile e tutto subito non paga.
Ciao.
|
|
Rank: AiutAmico
Iscritto dal : 11/3/2008
Posts: 915
|
|
|
Rank: AiutAmico
Iscritto dal : 3/2/2010
Posts: 1,323
|
mi potreste aiutare dove intervenire nel codice per poter stabilire l'altezza e la larghezza del menù orizzontale?
grazie!!!
se dovrei usare l'Html allo stato puro, il programma adatto è il blocco note di windows?, ho salvato il file index con estensione txt per avere la versione dello stesso visibile in internet come lo dovrei salvare per averlo come file html?
Ho provato a salvarlo in html ma quando faccio salva con nome come opzione c'è solamente Tutti i file o devo usare word pad come programma?
fatemi sapere!!! per verificare se il codice funziona e vederlo in esecuzione come devo fare?
|
|
Rank: AiutAmico
Iscritto dal : 6/20/2008
Posts: 7,111
|
Cominciamo con le cose più facili. Blocco Notes va benissimo (non usare Word Pad): lì puoi scrivere il codice, incollare il codice copiato, modificarlo ecc.
Quando hai il tuo bel codice html a posto, salva il file con l'estensione .html (es.: prova.html). Per vedere se funziona tutto, un bel doppio clic sul file e ti si apre il browser.
Altezza e lunghezza menù: la lunghezza è proporzionale al numero delle linguette del menù; non occorre impostare alcun parametro. L'altezza del menù dovrebbe invece dipendere dall'altezza dei caratteri. Devo fare una prova e ti saprò dire.
Ciao.
Edit: normalmente l'altezza del menù dovrebbe dipendere dall'altezza dei caratteri; questo menù è parecchio rognosetto e difficile da modificare. Devo tentare di trovare come modificare l'altezza dei caratteri e come centrare il menù.
|
|
|
Guest |