התכונה Cascading Style Sheets (CSS) משמשת לרוב לשינוי צבע ההיפר-קישורים בדפי האינטרנט. פתרונות פחות פונקציונליים לבעיה זו הם בשפת ה- HTML (HyperText Markup Language - "שפת סימון ההיפר טקסט").
זה הכרחי
ידע בסיסי בשפות HTML ו- CSS
הוראות
שלב 1
הכן בלוק סטיילינג להיפר-קישורים. בצורה הפשוטה ביותר, זה עשוי להיראות כך: a {color: Green} כאן "a" נקרא "בורר", המציין כי יש להחיל את תיאור הסגנון בסוגריים על כל תגי הקישור במסמך. ירוק מגדיר את צבע הקישור; זוהי הגדרה מחוספסת מאוד של צבע ולעיתים נדירות משתמשים בה. לעתים קרובות יותר, "מחלקת פסאודו" מתווספת לבורר "a" - זהו תווית המאפשרת לך לציין את סגנון הקישור בשלוש מצבים שונים.
שלב 2
השתמש בכיתת פסאודו של הקישור כדי לעצב את המצב הרגיל (לא פעיל) של הקישור. זה עשוי להיראות כך, למשל: a: קישור {color: Green}
שלב 3
השתמש בריחוף של פסאודו בכדי לציין כיצד הקישור אמור להופיע ברחף. לדוגמא: a: רחף {color: Lime}
שלב 4
השתמש בכיתת הפסאודו שביקרת כדי לתאר את הסגנון של קישור שכבר ביקר. לדוגמא: a: ביקר {color: DarkGreen}
שלב 5
שלב את שלושת המצבים לגוש תיאור סגנון אחד. המראה של קוד HTML המכיל תיאורי CSS של סגנונות יכול, למשל, להיראות כך:
a: קישור {color: Green}
a: ביקר {color: DarkGreen}
a: רחף {color: Lime}
כאן, תגי סגנון ה- HTML הפותחים והסוגרים מספרים לדפדפן היכן תיאורי הסגנון מתחילים ונגמרים, וביניהם תיאור של התנהגות הקישור בשלוש מצבים.
שלב 6
המדגם המשמש לעיל מציג רק את מאפייני הצבע, אך ניתן לכלול מאפיינים אחרים בתיאור. לדוגמא, אם תכנון הדף דורש שהקישור לא יהיה תחתון במצב הרגיל (לא פעיל), אלא מודגש כאשר סמן העכבר מעל, ניתן לשנות את הקוד באופן הבא:
a: קישור {צבע: ירוק; קישוט טקסט: אין;}
a: ביקר {color: DarkGreen; קישוט טקסט: אין;}
a: רחף {color: Lime; קישוט טקסט: קו תחתון;}
שלב 7
אם ברצונך לשנות את הצבע של קישורים מסוימים בלבד בדף ולהשאיר את השאר עם הגדרות ברירת המחדל, הוסף את תכונת הכיתה לתג של כל קישור המשתנה. לדוגמה, תן שם לכיתת ההיפר-קישור newLinks. ואז תג הקישור עשוי להיראות כך: קישור טקסט יש להוסיף את אותו שם המחלקה לתיאור הסגנון:
a.newLinks: קישור {color: Green; קישוט טקסט: אין;}
a.newLinks: ביקרו {color: DarkGreen; קישוט טקסט: אין;}
a.newLinks: רחף {color: Lime; קישוט טקסט: קו תחתון;}
שלב 8
שים את קוד תיאור הסגנון שהוכן מהדוגמאות שתוארו לעיל בכותרת העמוד - בין התגים ל. במידת הצורך, הוסף תכונת מחלקה לתגי הקישור עם השם המשמש בתיאורי הסגנון. לאחר מכן שמור את העמוד שהשתנה והליך השינוי של צבע ההיפר-קישורים יושלם.
