Hvordan endre bakgrunnsfarge i en undermeny i Dreamweaver Spry

July 30

Adobe Dreamweaver er kraftig web design software som gir deg både fleksibilitet og brukervennlighet. I motsetning til mange "hva-du-ser-er-hva-du-får" utvikling programmer, gjør Dreamweaver bruk av en stor mengde av koding og gir mange kode funksjoner som innskyvningsdelene forhåndsinnstillinger. Når du setter inn kode, for eksempel en Spry menylinjen, standardalternativene for menyen vil bli brukt automatisk. For å endre bakgrunnsfargen på en undermeny, må du gjøre noen endringer i koden.

Bruksanvisning

CSS filendringer

1 Åpne menylinjen CSS-filen som ligger i SpryAssets mappen i ditt nettsted katalog. Filnavnet vil matche den type menyen. For eksempel vil en horisontal meny hete "SpryMenuBarHorizontal.css."

2 Bla ned til "undermenyen INDIKASJON" delen, merket med en stor kommentarfelt. Klikk for å plassere markøren etter stengetid braketten av "ul.MenuBarHorizontal ul a.MenuBar ItemSubmenu" kode. "Horizontal» vil bli erstattet med den typen menyen du har opprettet.

3 Skriv "ul.MenuBarHorizontal ul a.MenuBarSubmenuColor

{

background-color: #####;

} "

4 Erstatt "Horisontal" med typen menyen du har opprettet. Erstatt "######" med fargekode eller navnet du vil gjøre undermenyen bakgrunn. Klikk "Fil" og "Lagre".

HTML filendringer

5 Åpne nettstedets kildekoden, og klikk "Split" øverst til venstre i vinduet for å se koden.

6 Klikk på menylinjen i utformingen del av visningene for å hoppe til riktig kode.

7 Klikk på koden for første sub-link i koden betrakteren. Under koblinger se ut "<li> <a href="#"> Sak 1.1 </a>."

8 Klikk på "Class" drop-down menyen i "Properties" vinduet. Velg "MenuBarSubmenuColor." Gjenta denne prosessen for hver sub-link i menyen.

9 Klikk "Fil" og "Lagre" for å beholde endringene.

Hint

Navnet på klassen kan tilpasses, men sørg for å bruke den samme stavemåte i CSS og HTML.