אם הדפדפן של מבקר האתר לא מצא שום אינדיקציה לעיצוב הצבע של ההיפר-קישורים בקוד הדף, הוא משתמש בערכי ברירת המחדל. ערכים אלה הם כחולים עבור קישורים פסיביים, אדומים עבור קישורים פעילים (על רחף), והגוון בצבע מג'נטה עבור קישורים שכבר ביקרתם בהם. ערכת צבעים זו אינה משולבת תמיד עם ערכת הצבעים של עיצוב הדף, ולכן בדרך כלל כלול בקוד בלוק של תיאורי סגנון קישורים.
הוראות
שלב 1
צור ערכת הוראות לדפדפן שתתאר את צבעי הקישור בשלוש מצבים. למשל, זה יכול להיראות כך: a: קישור {color: Red;}
a: ביקר {color: צהוב;}
a: רחף {color: Orange;} כאן ה- "a" בתחילת כל שורה נקרא "בורר" ומציין את התג עליו הדפדפן צריך להחיל את תיאור הסגנון הכלול בסוגריים מסולסלים. "A" הוא תג ההיפר-קישור. המילה שנוספה לבורר המופרדת על ידי נקודתיים נקראת "מחלקת פסאודו" - שהדפדפן משתמש בה כדי לקבוע לאיזה קישור שייך הסגנון בסוגריים מסולסלים. קישור תואם קישור רגיל, ביקר בקישור שכבר ביקר בו, ועבר קישור כאשר הסמן מרחף מעליו. ניתן לציין את הצבעים המוקצים לפרמטר הצבעים בתוך הפלטה המתולתלת על ידי שם גוון הצבע או על ידי הקוד ההקסדצימלי שלו.
שלב 2
אם אתה צריך להקצות צבעים שונים לקבוצות קישורים שונות בדף, ואז להקצות לכל קבוצה את הייעוד שלה ("מחלקה") ולעשות תיאור נפרד של הסגנונות לכל אחד מהם. לדוגמה, ציין שם קבוצה אחת LinksRed והשנייה LinksGreen. ואז תיאור הסגנון ייראה כך: a. LinksRed: link {color: Red;}
a. LinksRed: ביקר {color: צהוב;}
a. LinksRed: רחף {color: כתום;} a. LinksGreen: קישור {color: ירוק;}
a. LinksGreen: ביקר {color: DarkGreen;}
a. LinksGreen: רחף {color: Lime;} ובתגיות הקישורים של כל קבוצה, עליך לציין לאיזה מחלקה הם שייכים. לדוגמא: קישור אדום
קישור ירוק
שלב 3
הוראות אלה נכתבות ב- CSS (גיליונות סגנון מדורגים), ולכן יש למקם אותן בתג סגנון המפריד ביניהן להוראות אחרות בקוד המקור של הדף, כתובות ב- HTML (שפת הסימון HyperText)):
a. LinksRed: קישור {color: Red;}
a. LinksRed: ביקר {color: צהוב;}
a. LinksRed: רחף {color: כתום;} a. LinksGreen: קישור {color: ירוק;}
a. LinksGreen: ביקר {color: DarkGreen;}
a. LinksGreen: רחף {color: Lime;}
שלב 4
הצב את גוש תיאור סגנון הקישור המוכן בחלק הכותרת של קוד המקור של הדף - הוא תוחם על ידי התגים ו-.
