"Adda en personlig touch till din scroller"

Vore det inte trevligt om du kunde lägga in en lite personligare stil på din scroller så att den smälte ihop mer med resten av sajten? Är du inte helt säker på vad jag menar kan du kolla på bilden nedan där jag två exempel på hur en sådan scroller kan se ut med lite hjälp av CSS.

Klistra in nedanstående kod mellan <style type="text/css"> och </style> taggarna i det dokument vars scroller du vill modifiera:

BODY { background: darkslategray; color: black; scrollbar-base-color:DarkSlateBlue; scrollbar-face-color:DarkSlateGray; scrollbar-shadow-color:DarkRed; scrollbar-highlight-color:Red; scrollbar-3dlight-color:DarkSlateBlue; scrollbar-darkshadow-color:DimGray; scrollbar-track-color:Red; scrollbar-arrow-color:SandyBrown; }

Efter att du klistrat in koden kan du sedan modifiera de olika färgkoderna antingen genom att skriva in hexadecimalt eller med ord (exempelvis: red blue eller green för röd, blå eller grön). Om det är ett visst objekt som du inte vill förändra på scrollern kan du ta bort den raden. Här på Citruz.nu har vi följande källkod för vår scroller:

BODY { scrollbar-track-color:666666; scrollbar-arrow-color:cccccc; }

OBS! Detta lilla trix med att modifiera scrollern på sin sajt stöds bara av Internet Explorer 5.5 eller senare. Har du då exempelvis Netscape eller en tidigare Explorer version kommer du fortfarande kunna se sajten, men scrollern kommer att se helt vanlig ut.

Bakåt

Uppåt

Tillbaka till artiklar