Nel contesto dell'ambiente di sviluppo web di Adobe Dreamweaver, una barra dei menu spry fornisce un modo semplice per aggiungere un menu che progressivamente rami in livello di dettaglio a seconda delle opzioni che l'utente ha selezionato finora. barre di menu Spry sono in ultima analisi implementati da codice JavaScript incorporato Spry Framework per l'Ajax, spedito insieme a Dreamweaver. barre di menu Spry può essere orizzontale o verticale.

istruzione

1 Salvare il documento prima di inserire un nuovo menu spry. Dreamweaver non consente di inserire un nuovo menu spry sulla tua pagina se non si salva il documento che è già aperta, oppure iniziare a lavorare su un documento del tutto nuova.

2 Selezionare dove il nuovo menu spry verticale sarà cliccando sul documento. Selezionare "Inserisci" nel menu "Windows". Fare clic sulla scheda "Spry". Selezionare "Verticale" per un menu verticale, quindi fare clic su "OK".

3 Salvare il documento a questo punto. Dreamweaver salva automaticamente tutto il codice generato finora, più il JavaScript dalle librerie necessarie per supportare il nuovo menu spry.

4 Selezionare il menu che avete appena creato facendo clic sulla nuova icona barra di titolo "Barra dei menu Spry."

5 Personalizzare le voci del menu spry e sottomenu cambiando il nome di ogni voce e voce secondaria. Per impostazione predefinita, Dreamweaver mostrerà le voci come "punto 1", "voce 2", ecc .; si mostrerà anche voci secondarie come "punto 1.1" e così via.

6 Personalizzare le caratteristiche del testo nel menu spry e sottomenu. Per impostazione predefinita, Dreamweaver copierà il testo caratteristiche utilizzata per il menu spry (font, dimensione, peso, stile) dagli elementi circostanti il ​​menu spry sulla pagina web al momento della sua creazione. Per modificarle, cliccare su "Stili CSS", quindi sul file "SpryMenuBarVertical.css". Quindi impostare lo stile "ul.MenuBarVertical" per i parametri richiesti per il testo che si desidera. Questo non include il colore del testo.

7 Personalizzare i colori nel menu spry e sottomenu. Le selezioni di menu hanno due serie di colore associato con loro: uno quando il mouse passa su di loro (ad esempio, il "colore rollover") ed uno quando non lo è. Per cambiare i colori, modificare i parametri CSS come nella Fase 6: è possibile impostare i colori di rollover modificando i parametri di stile "ul.MenuBarVertical a.MenuBarItemHover", ed è possibile modificare i colori regolari, modificando lo stile "ul.MenuBarVertical" parametri.