Lav din egen vandret navigationslinje , eller " navigationslinjetype ", med linjer af HTML-kode . HTML og CSS kode der er skrevet i en teksteditor som Notesblok , hvor information såsom tekst , farve og links er indtastet i koden . Når du har tilføjet koden til din hjemmeside, dine læsere har redskaberne til at besøge de andre sider på dit websted . Instruktioner
1
Åbn programmet Notesblok
2
Opret de forskellige links til din navbar og polstringen og margin for det ved at kopiere og indsætte følgende i din Notesblok. :
ul # list -nav { margin: 20px ; padding: 0 ; list -style : none; bredde: 525px ;}
3
Make den navigationslinjetype gå i en linje på tværs af websiden ved at kopiere og indsætte følgende i din Notesblok : Hej
ul # list -nav li {display : inline }
4
Opret links til Navbar ved at kopiere og indsætte følgende : Hej
ul # list -nav li a { text- decoration : none; padding: 5px 0 , bredde: 100px ; baggrund: # 485e49 , color: # eee ; float : til venstre;
5
Juster teksten i Navbar ved at kopiere og indsætte følgende : Hej
ul # list -nav li a { text- align: center; border- venstre : 1px solid # fff ;}
6
Opret en rollover farve ved at kopiere og indsætte følgende : Hej
ul # list -nav li a : hover {background : # a2b3a1 , color: # 000 }
7
Rediger en af farverne ved at skrive i koden for farven på dit valg. Find alle de "#" -symboler og erstatte dem med URL-adresserne til at skabe links til "Home ", " Om os ", " Services ", " produkter" og "Kontakt . " ;
8
Gem Navbar kode filen i din Notesblok. Tryk på " Ctrl " + " A " for at vælge alle. Åbn din webside, og gå til CSS HTML editor. Tryk på " Ctrl" + "V" for at kopiere Navbar kode. Gemme koden til at indtaste det i din webside.