(Αυτή η σελίδα χρησιμοποιεί CSS style sheets)
Το παρόν έγγραφο είναι μετάφραση του άρθρου «Cascading Style Sheets. CSS tips & tricks».
Αυθεντική εκδοχή του εγγράφου βρίσκεται μόνο στην ιστοσελίδα W3C
www.w3.org/Style/Examples/007/scrollbars
Η παρούσα μετάφραση ΔΕΝ είναι επίσημο έγγραφο της W3C.
Όλα τα κοπιράιτ ανήκουν στη W3C.
Το παρόν έγγραφο μπορεί να έχει λάθη της μετάφρασης και εσφαλμένη εκτύπωση.
Συγγραφέας: Dimitris Papadopoulos
Κάποιοι πλοηγοί (IE, Konqueror) έχουν αρχίσει τώρα τελευταία να υποστηρίζουν τις μη-στάνταρ ιδιότητες 'scrollbar-shadow-color', 'scrollbar-track-color' και άλλα. Αυτές οι ιδιότητες είναι αθέμιτες: δεν έχουν οριστεί σε καμμία προδιαγραφή CSS ούτε έχουν χαρακτηριστεί σαν αποκλειστικά (με το πρόθεμα "-vendor-" πιο μπροστά). Αλλά ευτυχώς, μπορείτε να τα απενεργοποιείσετε εύκολα.
Για να είναι σίγουρο ότι οι μπάρες κύλισης του πλοηγού σας διατηρούν τα κανονικά τους χρώματα, χρησιμοποιείτε το style sheet του χρήστη και την δήλωση '!important'. Το style sheet του χρήστη μπορεί συνήθως να τροποποιηθεί μέσω του μενού των επιλογών/ρυθμίσεων του πλοηγού. Στο IE μπορείτε να το βρείτε στο καρτελάκι "Accessibility", στο Konqueror μπορείτε να το βρείτε στο καρτελάκι "Stylesheets".
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; }
Αυτό θα πρέπει να κάνει το κόλπο. Θα χρειαστεί να βγείτε και να ξαναξεκινήσετε τον πλοηγό σας για να δείτε το αποτέλεσμα. Για να τσεκάρετε αν δούλεψε, μπορείτε να δείτε ένα μικρό παράδειγμα που έφτιαξα.