Machen Sie Ihre eigene horizontale Navigationsleiste , oder " Navigationsleiste ", mit Zeilen HTML-Code . Html und CSS-Code in einen Texteditor wie Notepad , wo Informationen wie Text, Farbe und Links in den Code eingegeben eingegeben werden. Sobald Sie den Code hinzugefügt haben , um Ihre Website , Ihre Leser haben die Werkzeuge, um die anderen Seiten Ihrer Website zu besuchen. Anleitung
1
Öffnen Sie das Programm Notepad
2
Erstellen Sie die verschiedenen Links für Ihre Navigationsleiste und der Polsterung und Marge für sie durch Kopieren und Einfügen der folgenden in das Notepad. :
ul # list- nav {margin: 20px ; padding: 0; list-style : none; width: 525px ;}
3
Stellen
ul # nav li - Liste {display : inline }
4
erstellen die Links für die Navigationsleiste in einer Linie quer über die Webseite durch Kopieren und Einfügen der folgenden in das Notepad gehen die Navigationsleiste durch Kopieren und Einfügen der folgende:
ul # nav li list- a { text-decoration : none; padding: 5px 0; width: 100px ; background: # 485e49 ; color: # eee ; float: links ;
5
Richten Sie den Text in der Navigationsleiste durch Kopieren und Einfügen der folgende:
ul # nav li list- a { text-align : center; border-left : 1px solid # fff ;}
6
erstellen Rollover-Farbe durch Kopieren und Einfügen der folgende:
ul # nav li list- a: hover { background: # a2b3a1 ; color: # 000 }
7
ändern Sie die Farben , indem Sie den Code für die Farbe Ihrer Wahl . Finden Sie alle Zeichen "#" und ersetzen Sie sie durch die URL-Adressen , die Links für "Home ", " Über uns ", " Services", "Produkte" und "Kontakt zu schaffen." ;
8
Speichern Sie die Navigationsleiste Code -Datei in Ihrem Editor. Drücken Sie "Strg" + "A" , um alles auszuwählen . Öffnen Sie Ihre Webseite und gehen auf die CSS -HTML-Editor . Drücken Sie "Strg" + "V" auf der Navigationsleiste zu kopieren. Speichern Sie den Code , um ihn auf Ihrer Webseite ein.
