Εάν το πρόγραμμα περιήγησης του επισκέπτη της ιστοσελίδας δεν εντοπίσει καμία ένδειξη της χρωματικής σχεδίασης των υπερσυνδέσμων στον κώδικα σελίδας, τότε χρησιμοποιεί τις προεπιλεγμένες τιμές. Αυτές οι τιμές είναι μπλε για παθητικούς συνδέσμους, κόκκινο για ενεργούς συνδέσμους (σε αιωρηματοποίηση) και το χρώμα ματζέντα για συνδέσμους που έχουν ήδη επισκεφθεί. Αυτός ο συνδυασμός χρωμάτων δεν συνδυάζεται πάντοτε με το συνδυασμό χρωμάτων του σχεδιασμού σελίδας, επομένως, συνήθως περιλαμβάνεται ένας κώδικας περιγραφών στυλ συνδέσμου.
Οδηγίες
Βήμα 1
Δημιουργήστε ένα σύνολο οδηγιών για το πρόγραμμα περιήγησης που θα περιγράφει τα χρώματα του συνδέσμου σε τρεις καταστάσεις. Για παράδειγμα, μπορεί να μοιάζει με αυτό: a: link {color: Red;}
α: επισκέφτηκε {color: Yellow;}
a: hover {color: Orange;} Εδώ το "a" στην αρχή κάθε γραμμής ονομάζεται "selector" και καθορίζει την ετικέτα στην οποία το πρόγραμμα περιήγησης πρέπει να εφαρμόσει την περιγραφή στυλ που περικλείεται σε σγουρά τιράντες. Το "A" είναι η ετικέτα υπερσύνδεσης. Η λέξη που προστίθεται στον επιλογέα διαχωρισμένη με άνω και κάτω τελεία ονομάζεται "ψευδοκλάση" - που χρησιμοποιεί το πρόγραμμα περιήγησης για να προσδιορίσει σε ποια κατάσταση σύνδεσης το στυλ στα σγουρά τιράντες ανήκει. Ο σύνδεσμος αντιστοιχεί σε έναν κανονικό σύνδεσμο, επισκέφθηκε έναν σύνδεσμο που έχει ήδη επισκεφτεί και τοποθετήστε τον δείκτη όταν ο δρομέας αιωρείται πάνω του. Τα χρώματα που αποδίδονται στην παράμετρο χρώματος μέσα στα σγουρά τιράντες μπορούν να καθοριστούν είτε με το όνομα της χρωματικής απόχρωσης είτε με τον δεκαεξαδικό κωδικό της.
Βήμα 2
Εάν πρέπει να αντιστοιχίσετε διαφορετικά χρώματα σε διαφορετικές ομάδες συνδέσμων στη σελίδα, τότε εκχωρήστε σε κάθε ομάδα τη δική της ονομασία ("τάξη") και κάντε μια ξεχωριστή περιγραφή των στυλ για καθένα από αυτά. Για παράδειγμα, ονομάστε μια ομάδα LinksRed και την άλλη LinksGreen. Στη συνέχεια, η περιγραφή του στυλ θα έχει την εξής μορφή: a. LinksRed: link {color: Red;}
a. LinksRed: επισκέφθηκε {color: Yellow;}
a. LinksRed: αιωρηθείτε {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: επισκέφθηκε {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} Και στις ετικέτες των συνδέσμων κάθε ομάδας, πρέπει να υποδείξετε σε ποια κατηγορία ανήκουν. Για παράδειγμα: Κόκκινος σύνδεσμος
Πράσινος σύνδεσμος
Βήμα 3
Αυτές οι οδηγίες είναι γραμμένες σε CSS (Cascading Style Sheets), οπότε πρέπει να τοποθετηθούν μέσα σε μια ετικέτα στυλ που τις χωρίζει από άλλες οδηγίες στον πηγαίο κώδικα της σελίδας, γραμμένο σε HTML (HyperText Markup Language)):
a. LinksRed: σύνδεσμος {color: Red;}
a. LinksRed: επισκέφθηκε {color: Yellow;}
a. LinksRed: αιωρήστε {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: επισκέφθηκε {color: DarkGreen;}
a. LinksGreen: αιωρηθείτε {color: Lime;}
Βήμα 4
Τοποθετήστε το έτοιμο μπλοκ περιγραφής στυλ συνδέσμου στο τμήμα κεφαλίδας του πηγαίου κώδικα της σελίδας - οριοθετείται από τις ετικέτες και.
