Style Sheets Ιστού
Συμβουλές & κόλπα CSS

Μη-χρωματισμένες μπάρες κύλισης

Κάποιοι πλοηγοί (IE, Konqueror) έχουν αρχίσει τώρα τελευταία να υποστηρίζουν τις μη-στάνταρ ιδιότητες 'scrollbar-shadow-color', 'scrollbar-track-color' και άλλα. Αυτές οι ιδιότητες είναι αθέμιτες: δεν έχουν οριστεί σε καμμία προδιαγραφή CSS ούτε έχουν χαρακτηριστεί σαν αποκλειστικά (με το πρόθεμα "-vendor-" πιο μπροστά). Αλλά ευτυχώς, μπορείτε να τα απενεργοποιείσετε εύκολα.

Για να είναι σίγουρο ότι οι μπάρες κύλισης του πλοηγού σας διατηρούν τα κανονικά τους χρώματα, χρησιμοποιείτε το style sheet του χρήστη και την δήλωση '!important'. Το style sheet του χρήστη μπορεί συνήθως να τροποποιηθεί μέσω του μενού των επιλογών/ρυθμίσεων του πλοηγού. Στο IE μπορείτε να το βρείτε στο καρτελάκι "Accessibility", στο Konqueror μπορείτε να το βρείτε στο καρτελάκι "Stylesheets".

1. Εάν δεν έχετε ένα style sheet χρήστη ακόμα, ξεκινήστε με το να φτιάξετε ένα νέο αρχείο CSS. Μπορείτε να το βάλετε οπουδήποτε.
2. Προσθέστε τις παρακάτω γραμμές σε αυτό το style sheet αρχείο:

   body, html {
     scrollbar-face-color: ThreeDFace !important;
     scrollbar-shadow-color: ThreeDDarkShadow !important;
     scrollbar-highlight-color: ThreeDHighlight !important;
     scrollbar-3dlight-color: ThreeDLightShadow !important;
     scrollbar-darkshadow-color: ThreeDDarkShadow !important;
     scrollbar-track-color: Scrollbar !important;
     scrollbar-arrow-color: ButtonText !important;
   }

3. Εισάγετε την διαδρομή σ’ αυτό το αρχείο στο αντίστοιχο πλαίσιο διαλόγου του πλοηγού σας.

Αυτό θα πρέπει να κάνει το κόλπο. Θα χρειαστεί να βγείτε και να ξαναξεκινήσετε τον πλοηγό σας για να δείτε το αποτέλεσμα. Για να τσεκάρετε αν δούλεψε, μπορείτε να δείτε ένα μικρό παράδειγμα που έφτιαξα.