Come modificare il colore di sfondo di un sottomenu in Dreamweaver Spry

August 30

Come modificare il colore di sfondo di un sottomenu in Dreamweaver Spry


Adobe Dreamweaver è un software di progettazione potente Web che si dà sia la flessibilità e usabilità. A differenza di molti "what-you-see-is-what-you-get" per lo sviluppo di applicazioni, Dreamweaver si avvale di una grande quantità di codifica e offre molte funzioni di codice come preset inseribili. Quando si sta inserendo il codice, come ad esempio una barra dei menu Spry, le opzioni predefinite per il menu verranno applicate automaticamente. Al fine di modificare il colore di sfondo un sottomenu, è necessario apportare alcune modifiche al codice.

istruzione

Modifiche CSS file

1 Aprire il file CSS barra dei menu si trova nella cartella SpryAssets nella directory sito web. Il nome del file corrisponderà al tipo di menu. Ad esempio, un menu orizzontale si chiamerà "SpryMenuBarHorizontal.css."

2 Scorrere verso il basso fino alla sezione "SUBMENU INDICAZIONE", indicato da un grande campo di commento. Fare clic per posizionare il cursore dopo la parentesi del codice "ul.MenuBarHorizontal ul a.MenuBar ItemSubmenu" chiusura. "Orizzontale" verrà sostituito con il tipo di menu che avete creato.

3 Tipo "ul.MenuBarHorizontal ul a.MenuBarSubmenuColor

{

background-color: #####;

} "

4 Sostituire "orizzontale" con il tipo di menu che avete creato. Sostituire "######" con il codice di colore o il nome che si vuole fare gli sfondi sottomenu. Fai clic su "File" e "Salva".

Modifiche ai file HTML

5 Aprire il codice sorgente del tuo sito, e fare clic su "Split" in alto a sinistra della finestra per visualizzare il codice.

6 Fare clic sulla barra dei menu nella parte di progettazione di immagine per passare al codice appropriato.

7 Clicca sul codice per la prima sub-link nel codice visualizzatore. Sub-link sembrano "<li> <a href="#"> punto 1.1 </a>."

8 Fai clic sul menu a discesa "Class" nella finestra "Proprietà". Selezionare "MenuBarSubmenuColor." Ripetere questo processo per ogni sotto-link nel menu.

9 Fai clic su "File" e "Salva" per mantenere le modifiche.

Consigli e avvertenze

  • Il nome della classe può essere personalizzato, ma essere sicuri di utilizzare la stessa ortografia nel CSS e HTML.