Gewusst wie: Ändern der Hintergrundfarbe von einem Untermenü in Dreamweaver "Spry"

Adobe Dreamweaver ist die leistungsfähige Web-Design-Software, die Ihnen Flexibilität und Benutzerfreundlichkeit bietet. Im Gegensatz zu vielen "What" Entwicklungsanwendungen Dreamweaver macht eine große Menge der Kodierung nutzen und bietet viele Codefunktionen wie Einfügbare Voreinstellungen. Wenn Sie Code, z. B. ein Spry-Menüleiste einfügen sind werden die Standardoptionen für das Menü automatisch angewendet. Um die Hintergrundfarbe für ein Untermenü zu ändern, müssen Sie einige Änderungen am Code vornehmen.

Anweisungen

Änderungen der CSS-Datei

1 Öffnen Sie die CSS-Datei im Menü Bar befindet sich in dem Ordner "SpryAssets" in Ihrer Website-Verzeichnis. Der Dateiname wird der Typ des Menüs übereinstimmen. Beispielsweise wird ein horizontales Menü "SpryMenuBarHorizontal.css." benannt werden

2 Blättern Sie nach unten zum Abschnitt "UNTERMENÜ Angabe", gekennzeichnet durch eine große Kommentarfeld. Hier klicken, um den Cursor zu setzen, nach der schließenden Klammer von der "Ul. "MenuBarHorizontal" Ul a.MenuBar ItemSubmenu"Code. "Horizontale" wird mit dem Typ des Menü ersetzt, die Sie erstellt haben.

3 Typ "Ul. "MenuBarHorizontal" Ul a.MenuBarSubmenuColor

{

background-color: #####;

}"

4 Ersetzen Sie das "Horizontale" mit dem Typ des Menüs, die Sie erstellt haben. Ersetzen Sie "###" mit dem Farbcode oder Namen, die Untermenü-Hintergründe machen soll. Klicken Sie auf "Datei" und "Speichern".

HTML-Datei ändert

5 Öffnen Sie Source-Code Ihrer Website zu, und klicken Sie auf "Split" in der oberen linken Rand des Fensters um den Code anzuzeigen.

6 Klicken Sie in der Menüleiste im Bereich Gestaltung Ihrer Ansicht zu den entsprechenden Code zu springen.

7 Klicken Sie auf den Code für den ersten Sub-Link in den Code-Viewer. Sub-Links aussehen "< li >< a Href ="#"> Artikel 1.1 </a >."

8 Klicken Sie auf das Dropdownmenü "Class" im Fenster "Eigenschaften". Wählen Sie "MenuBarSubmenuColor." Wiederholen Sie diesen Vorgang für jeden Sub-Link im Menü.

9 Klicken Sie auf "Datei" und "Speichern", um die Änderungen zu erhalten.

Tipps & Warnungen

• Der Name der Klasse kann angepasst werden, aber achten Sie darauf, die gleiche Schreibweise in CSS und HTML zu verwenden.