Adobe Dreamweaver è il potente software di Web design che offre una flessibilità e usabilità. A differenza di molte applicazioni di sviluppo "funzionalità", rende Dreamweaver utilizza una gran quantità di codifica e offre molte funzioni di codice predefiniti come inseribili. Quando si sta inserendo il codice, ad esempio una barra di menu Spry, le opzioni predefinite per il menu verranno applicate automaticamente. Per modificare il colore di sfondo di un sottomenu, è necessario apportare alcune modifiche al codice.

Istruzioni

Modifiche ai File CSS

1

Aprire il menu bar CSS file situato nella cartella SpryAssets nella vostra directory di sito Web. Il nome del file sarà una partita il tipo di menu. Ad esempio, un menu orizzontale si chiamerà "Disponibili".

2

Scorri fino alla sezione "Sottomenu indicazione", identificata da un campo di commento di grandi dimensioni. Fare clic per posizionare il cursore dopo la parentesi di chiusura della "ul. Codice MenuBarHorizontal ul a.MenuBar ItemSubmenu". "Orizzontale" verrà sostituito con il tipo di menu che è stato creato.

3

Tipo "ul. MenuBarHorizontal ul a.MenuBarSubmenuColor

{

background-color: #####;

}"

4

Sostituire "Orizzontale" con il tipo di menu che è stato creato. Sostituire "# # #" con il codice di colore o il nome che si desidera rendere gli sfondi di sottomenu. Fare 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 su barra dei menu nella parte di progettazione della visualizzazione per saltare al codice appropriato.

7

Clicca sul codice per il primo sub-collegamento nel Visualizzatore di codice. Sub-link guardare come "< li >< un href ="#"> 1.1 elemento < /a >."

8

Fare clic sul menu a discesa "Classe" nella finestra "Proprietà". Selezionare "MenuBarSubmenuColor." Ripetere questo processo per ogni sub-link nel menu.

9

Fare clic su "File" e "Salva" per mantenere le modifiche.

Consigli & Avvertenze

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