Hvordan lage en flytende Side Bar for en bruker Page

Å gjøre en nettside brukervennlig er enkel. Bare sørg for at brukeren lett kan komme fra en side til en annen. En måte å gjøre dette på er med en flytende menylinjen. Med litt html-kode, kan du legge en flytende sidemenyen slik at så websidene brukeren ruller nedover siden, menyen er alltid synlig og klar til å ta brukeren til en annen side.

Bruksanvisning

1 Åpne opp websiden du vil legge til flytende sidemenyen for å. Sørg for at ditt syn viser sidens html kode.

2 Begynn å taste inn koden som en gjennomgripende stilark på toppen av siden. Skriv inn følgende kode inn på siden: <div style = "posisjon :; riktig :; toppen:;>. Ta med all tegnsetting og symboler, ellers flytende menyen vil ikke fungere.

3 Legg verdier for hvert av feltene du skrev i trinn 2. "posisjon" feltet skal være "fast". De andre feltene i html-koden skal være relativ i form av prosenter. I den "riktige" -feltet, er det nærmere et nummer til 100 prosent, jo nærmere menyen vil vises til høyre marg for brukeren skjermen. For "top" feltet, er det nærmere nummeret ditt til 100 prosent, jo høyere på skjermen menyen vises.

4 Skriv koden for menyen. Denne koden skal inneholde lenker til resten av sidene på nettstedet ditt. Når du er ferdig med å legge inn din meny kode, skriv "" for å signalisere at menyen er fullført.

Hint

• Skriv din html-koden slik at den flytende menyen vises på venstre side av brukerens skjerm. Alt du trenger å endre er ordet "riktig" i trinn 2 til ordet "venstre".