Hoe Maak Je Een Schuifbalk

Inhoudsopgave:

Hoe Maak Je Een Schuifbalk
Hoe Maak Je Een Schuifbalk

Video: Hoe Maak Je Een Schuifbalk

Video: Hoe Maak Je Een Schuifbalk
Video: Creating a Custom Scrollbar for the Web - CSS Tutorial 2024, November
Anonim

Een eigen website hebben is tegenwoordig geen luxe, maar noodzaak. De creatie ervan vereist bepaalde vaardigheden en kennis van html. Een eenvoudige website bouwen is vrij eenvoudig. Het decoreren ervan en het maken van interactieve elementen die extra functionaliteit voor de site bieden, zal voor een beginner echter problemen opleveren. Een van deze interactieve elementen die het gemak van sitebezoekers vergroten, is de schuifbalk. Het is vooral handig in de velden van de site, die zorgen voor de verbinding met scripts (interactie van de site met gebruikers).

De schuifbalk is een belangrijk onderdeel van de site
De schuifbalk is een belangrijk onderdeel van de site

Het is nodig

Internet of een andere html-tutorial

instructies:

Stap 1

Het belangrijkste op elke site is gebruiksvriendelijkheid. Het idee om een schuifbalk op uw site te gebruiken, is alleen geschikt als het uiterlijk niet wordt bepaald door uw wens, maar door de noodzaak ervan. Maak de lay-out van de pagina waarop u de schuifbalk wilt plaatsen. Kies een plaats voor de scroll (ook wel schuifbalken genoemd).

Stap 2

Kies een locatie voor de schuifbalk op de pagina van de site waarin u geïnteresseerd bent. Het moet vast aan een element zijn gekoppeld (bijvoorbeeld een tekstvak of een vervolgkeuzelijst). U moet deze plaats berekenen in pixels of als percentage. Dit is niet moeilijk, vooral als de lay-out van de site een duidelijke structuur heeft.

Stap 3

Tussen de BODY-tags moet je de standaard scrollcode toevoegen. Je kunt het in elke html-tutorial vinden. Er zijn twee opties - ofwel voeg dit fragment rechtstreeks toe aan de html-code van de pagina, of voeg het toe in de CSS-stylesheet. De tweede methode is handiger als u meer dan één pagina wijzigt, maar de hele site in één keer. Vervolgens moet u de kleurparameters van de schuifbalk invoeren, anders wordt deze grijs en oninteressant. De afbeelding toont en labelt de scroll-elementen. De parameters moeten op dezelfde manier worden ingevoerd als in de afbeelding, gescheiden door puntkomma's.

Stap 4

Nu moet je zeker je aanpassingen testen. Om de schuifbalk er in alle browsers hetzelfde uit te laten zien, controleert u deze bij de belangrijkste - Internet Explorer, Mozilla Firefox en Opera. Als het op een van hen niet werkt, gaat u terug naar de eerste stap en lost u de fouten op.

Aanbevolen: