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

(Αυτή η σελίδα χρησιμοποιεί 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".

  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. Εισάγετε την διαδρομή σ’ αυτό το αρχείο στο αντίστοιχο πλαίσιο διαλόγου του πλοηγού σας.

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

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
Δημιουργία 12 Oct 2001;
Τελευταία ανανέωση$Date: 2008/02/23 00:16:46 $ GMT