![]() |
![]() |
|||
Sezione del telaio dedicata alla realizzazione e |
||||
![]() |
![]() |
|||
..:: Menu a discesa o tendina ::.. Un menu comodo ed elegante ma un po' antipatico da personalizzare,più che altro perché occorre inserire gli stessi parametri in due blocchi e sono parecchi, che lo rendono si, molto versatile ma anche a rischio esaurimento Un esempio pratico lo vedete qui, si può impostare che scrolla con la pagina o statico, il codice è lunghissimo, contiene anche i parametri per i link delle pagine, nel blocco finale ben visibile fortunatamente, va inserito tutto tra i tag <head> e </head> e in questo caso vi consiglio assolutamente un file esterno da richiamare, per ovvi motivi l'ho postato completo in un'altra pagina Codice menu laterale a scomparsa N.B.: Il menu non funziona se nella pagina è presente il tag per il doctype
Il codice dello script è composto da quattro blocchi, due principali in cui fare le personalizzazioni |
YOffset=20; // senza virgolette!! Posizione del menu rispetto al top della pagina staticYOffset=20; // senza virgolette!! slideSpeed=20 // senza virgolette!! Tempo di apertura e chiusura menu waitTime=1000; // senza virgolette!! Tempo di visibilità del menu da quando si toglie da sopra il mouse hdrFontFamily="Palatino Linotype"; // Colore font titolo orizzontale [ ..:: MENU ::.. ] hdrFontSize="2"; // Misura font titolo orizzontale [ ..:: MENU ::.. ] hdrFontColor="#585444"; // Colore font titolo orizzontale [ ..:: MENU ::.. ] hdrBGColor="#CC9966"; // Colore sfondo cella titolo orizzontale [ ..:: MENU ::.. ] hdrAlign="center"; // Posizione testo cella titolo orizzontale [ ..:: MENU ::.. ] hdrVAlign="center"; // Posizione contenuto cella titolo orizzontale [ ..:: MENU ::.. ] hdrHeight="30"; // Altezza cella titolo orizzontale [ ..:: MENU ::.. ] linkFontFamily="Palatino Linotype"; // Font per i link linkFontSize="1"; // Misura font per i link linkBGColor="CC9966"; // Colore font per i link linkOverBGColor="#dfa159"; // Colore cella link al passaggio del mouse [ hover ] linkTarget="_blank"; // Indicazione per apertura delle pagine linkAlign="center"; // Posizione dei link nella cella barBGColor="#CC9966"; // Colore sfondo cella titolo verticale [ **** MENU **** ] barFontFamily="Palatino Linotype"; // Font titolo verticale [ **** MENU **** ] barFontSize="2"; // Misura font titolo verticale [ **** MENU **** ] barFontColor="#585444"; // Colore font titolo verticale [ **** MENU **** ] barVAlign="center"; // Posizione contenuto cella titolo verticale [ **** MENU **** ] barWidth=20; // senza virgolette!! Larghezza cella titolo verticale [ **** MENU **** ] |
document.write('<table style="border:5px solid #f8f2e2" cellpadding="3" cellspacing="3" |
YOffset=20; // senza virgolette!! Posizione del menu rispetto al top della pagina staticYOffset=20; // senza virgolette!! slideSpeed=20 // senza virgolette!! Tempo di apertura e chiusura menu waitTime=500; // senza virgolette!! Tempo di visibilità del menu da quando si toglie da sopra il mouse menuBGColor="#f0e4ca"; // Colore sfondo menu menuIsStatic="yes"; // Menu che segue lo scroll pagina. Cambiare in "no" se si preferisce statico menuWidth=140; // senza virgolette!! Aumentare il valore con multipli di 10 hdrFontFamily="Palatino Linotype"; // Colore font titolo orizzontale [ ..:: MENU ::.. ] hdrFontSize="2"; // Misura font titolo orizzontale [ ..:: MENU ::.. ] hdrFontColor="#585444"; // Colore font titolo orizzontale [ ..:: MENU ::.. ] hdrBGColor="#f0e4ca"; // Colore sfondo cella titolo orizzontale [ ..:: MENU ::.. ] hdrAlign="center"; // Posizione testo cella titolo orizzontale [ ..:: MENU ::.. ] hdrVAlign="center"; // Posizione contenuto cella titolo orizzontale [ ..:: MENU ::.. ] hdrHeight="30"; // Altezza cella titolo orizzontale [ ..:: MENU ::.. ] linkFontFamily="Palatino Linotype"; // Font per i link linkFontSize="2"; // Misura font per i link linkBGColor="#f0e4ca"; // Colore font per i link linkOverBGColor="#e9dabd";// Colore cella link al passaggio del mouse [hover] linkTarget="_blank"; // Indicazione per apertura delle pagine linkAlign="center"; // Posizione dei link nella cella barBGColor="#f0e4ca"; // Colore sfondo cella titolo verticale [ **** MENU **** ] barFontFamily="Palatino Linotype"; // Font titolo verticale [ **** MENU **** ] barFontSize="2"; // Misura font titolo verticale [ **** MENU **** ] barFontColor="#585444"; // Colore font titolo verticale [ **** MENU **** ] barVAlign="center";// Posizione contenuto cella titolo verticale [ **** MENU **** ] barWidth=40; // senza virgolette!! Larghezza cella titolo verticale [ **** MENU **** ] |
_blank
_self
se invece devono aprirsi in un iframe sostituiteparent
e nel parametro "Opzione traghet"
scrivete il nome del iframe "nome iframe"
addItem("Nome Link", "https://url pagina", "");
Inserisci qui i tuoi link */ startMenu("Nome menu", "Nome menu") addItem("Nome Link", "https://url pagina", "Opzione target"); addItem("Nome Link", "https://url pagina", "Opzione target"); addItem("Nome Link", "https://url pagina", "Opzione target"); addItem("Nome Link", "https://url pagina", "Opzione target"); endMenu() |
# Prelevate qui il codice
Per comodità, mia di spazio e vostra in quanto più semplice, scaricate</head>
in questo modo:<script src="https://tuosito/menu_laterale_scomparsa.js" type="text/javascript"></script> |
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
H:
Buon Inverno
!
..:: Basi ::..
..:: html ::..
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
|