Sådan Oprettes En Rullebjælke

Indholdsfortegnelse:

Sådan Oprettes En Rullebjælke
Sådan Oprettes En Rullebjælke

Video: Sådan Oprettes En Rullebjælke

Video: Sådan Oprettes En Rullebjælke
Video: Creating a Custom Scrollbar for the Web - CSS Tutorial 2024, November
Anonim

I dag er det ikke en luksus at have dit eget websted, men snarere en nødvendighed. Dens oprettelse kræver visse færdigheder og viden om html. Opbygning af et simpelt websted er ret let. At dekorere det og skabe interaktive elementer, der giver yderligere funktionalitet til webstedet, vil imidlertid medføre vanskeligheder for en nybegynder. Et af disse interaktive elementer, der forbedrer bekvemmeligheden for besøgende på siden, er rullepanelet. Det er især nyttigt inden for felterne på webstedet, som giver forbindelsen til scripts (interaktion mellem webstedet og brugerne).

Rullepanelet er et vigtigt element på siden
Rullepanelet er et vigtigt element på siden

Er det nødvendigt

Internet eller en hvilken som helst html-tutorial

Instruktioner

Trin 1

Det vigtigste på ethvert websted er brugervenlighed. Selve ideen om at bruge et rullepanel på dit websted vil kun være passende, hvis dets udseende ikke dikteres af dit ønske, men af dets nødvendighed. Lav layoutet på den side, du vil placere rullepanelet på. Vælg et sted til rullen (også kaldet rullebjælker).

Trin 2

Vælg en placering til rullepanelet på siden på det websted, du er interesseret i. Det skal være stift knyttet til et eller andet element (for eksempel et tekstfelt eller en rulleliste). Du skal beregne dette sted i pixels eller i procent. Dette er ikke svært at gøre, især hvis webstedslayoutet har en klar struktur.

Trin 3

Mellem BODY-tags skal du tilføje standardrulningskoden. Du kan finde det i enhver html-tutorial. Der er to muligheder - enten tilføj dette uddrag direkte til html-koden på siden eller vedhæft det i css-stilarket. Den anden metode er mere praktisk, hvis du ændrer mere end en side, men hele siden på én gang. Derefter skal du indtaste farveparametrene på rullepanelet, ellers er det gråt og uinteressant. Figuren viser og mærker rulleelementerne. Parametrene skal indtastes på samme måde som vist i figuren adskilt af semikolon.

Trin 4

Nu skal du helt sikkert teste dine ændringer. For at få rullebjælken til at se ens ud i alle browsere, skal du kontrollere den på de vigtigste - Internet Explorer, Mozilla Firefox og Opera. Hvis det ikke virker på en af dem, skal du gå tilbage til det første trin og rette fejlene.

Anbefalede: