Wie erstelle ich ein Dropdownfeld mit Farbe
Ein Dropdown Menü ist eine einfache Möglichkeit, mehrere Navigations-Links auf einer Website in einem kleinen Raum zu implementieren. Jedoch das Standardmenü nehmen auf die Darstellung im Browser des Benutzers oder Computers Thema, und dies kann clash mit Ihrem Website-Design. Sie können die Hintergrund- und Textfarben von der Dropdown-Box an Ihre Website anpassen. Das Ergebnis ist eine einheitliche Website, die vollständig angepasst an Ihre Besucher angezeigt wird.
Anweisungen
1 Öffnen Sie einen HTML-Editor wie Notepad oder Textpad.
2 Klicken Sie auf das Menü "Datei" und wählen Sie "Öffnen" eine vorhandene Webseite gefunden, wo Sie möchten Fügen Sie das Drop-Down-Menü oder wählen "Neu" zum Erstellen einer neuen Datei.
3 Geben Sie den folgenden Code wo wünschen Ihnen Ihre Dropdown-Menü angezeigt werden:
< Formularname = "form1" >
< select Name = "select1" Style = "Hintergrundfarbe: #FFFFD7" OnChange "Displaydesc (document.form1.select1, thetext1, 'textcontainer1')" = >
< Option ausgewählt Wert "URL" = > Link-Text < / option >
< option Value = "URL" > Link Text < / option >
< option Value = "URL" > Link Text < / option >
< / select >
< Eingang Typ = "Knopf" Value = "Gehe"
onClick="jumptolink(document.form1.select1)" >
< / form >
4 "#FFFFD7" zu ändern, um die Hintergrundfarbe Ihrer Wahl über eine sechsstellige hex-Code oder einen sicheren Web-Farbnamen wie "Blue".
5 Ändern Sie jede Instanz von "URL" zu einer eigentlichen Website-Adresse zu, und ändern Sie "Link-Text" beschreibenden Text in dem Pull-Down-Menü aufzunehmen.
6 Fügen Sie Einträge mit diesem Format:
< option Value = "URL" > Link Text < / option >
Sie können auch Einträge entfernen, entfernen Sie die gesamte Zeile, die mit beginnt "< Option."
7 Klicken Sie auf "Datei" und wählen Sie "Speichern" speichern. Wenn eine neue Datei erstellen, speichern Sie es als HTML-Datei durch "Alle Dateien" auswählen und die Eingabe eines Dateinamens, gefolgt von ".html".
Tipps & Warnungen
- Sie können eine leere Zeile im Menü hinzufügen, indem Sie diesen Code einfügen: < Option >< / option >
- Sie können die Liste auch eine Textfarbe zuweisen. Beispielsweise könnte die zweite Codezeile wie folgt um weißen Text auf schwarzem Hintergrund zu erstellen:
- < select Name = "select1" Style = "Background-Farbe: schwarz; Farbe: weiß "OnChange"Displaydesc (document.form1.select1, thetext1, 'textcontainer1')"= >