Farvede scrollbars

Her har du koden til at lave farvede scrollbars i stil med dem, vi har her på @-begynder.

Sådan gør du:

Med denne kode kan du lave farvede scrollbars. Du skal bare indsætte følgende i din head sektion:

<style type="text/css">
body {  scrollbar-face-color: #ffffff;
        scrollbar-highlight-color: #ffffff;
        scrollbar-shadow-color: #0000ff;
        scrollbar-3dlight-color: #0000ff;
        scrollbar-arrow-color: #0000ff;
        scrollbar-track-color: #ffffff;
        scrollbar-darkshadow-color: #0000ff;
        overflow:auto }
</style>

Definer selv dine farver i hexaværdi ... angivet med rød farve. Hvis du ikke ændrer i disse værdier giver ovenstående kode blå scrollbars med hvid bund og baggrund.

Eksempel:

Se vores scrollbars på denne side!

Forbedring af koden

Koden kan naturligvis også anvendes i et typografiark ... eller stylesheet som det hedder på engelsk. Faktisk er det nok en bedre løsning, da du så får farvede scrollbars på alle sider.

Hvis du anvender css, skal denne kode indsættes i dit stylesheet:

body {  scrollbar-face-color: #ffffff;
        scrollbar-highlight-color: #ffffff;
        scrollbar-shadow-color: #0000ff;
        scrollbar-3dlight-color: #0000ff;
        scrollbar-arrow-color: #0000ff;
        scrollbar-track-color: #ffffff;
        scrollbar-darkshadow-color: #0000ff
        overflow:auto }
 

Bemærk:

@-begynder har også et Online Tool til at lave farvede scrollbars. Bare indtast dine farveværdier og vores generator klarer resten. Prøv vores scrollbar generator >>

Til toppen >>