קישורים משפיעים משמעותית על מראה דף אינטרנט. בין אם זה האתר שלך או הבלוג שלך, קישורים מותאמים אישית להפליא ישנו את עיצוב האתר שלך לטובה. גם ללא ידיעת HTML ו- CSS, יצירת קישור נחמד היא די קלה.
הוראות
שלב 1
קודם כל, בואו ניצור קישור רגיל. זה נעשה באמצעות הקוד הבא: שם קישור. בקוד זה התג הוא קישור. מאפיין "href" מציין את כתובת הדף שאליו מוביל הקישור. במקום "כותרת קישור" כתוב מילה או ביטוי שייצג את הקישור
ניתן גם להוסיף טקסט שיופיע כשלוחצים על הקישור. התכונה "כותרת" של התג תעזור לכם בכך.
שלב 2
עכשיו בואו נרד לקישור. הדרך הקלה ביותר לעשות זאת היא בגיליונות סגנון מדורגים (css). פתח את הקובץ המכיל את הסגנונות עבור האתר שלך וכתוב שם קוד נוסף. לחלופין, ניתן להוסיף סגנונות ישירות לדף ה- HTML. לשם כך, השתמש בקוד ההתאמה האישית של סגנון האתר.
שלב 3
בואו נרד לעיצוב. התחביר עבור הערך יהיה {פרמטרים של סגנון}. מה עלי לכתוב כאן?
ראשית, שנה את צבע הקישורים לטעמך. קוד זה יעזור לך בכך:
a {color: # 00000;}. כמובן שבמקום "# 00000" עליך להכניס צבע משלך. אתה יכול לברר את קוד הצבע בצורה זו בתוכניות גרפיקה שונות (למשל בפוטושופ) או למצוא לוח צבעים.
שלב 4
כברירת מחדל, הדפדפן מקשר קישורים בקו תחתון. ניתן לבטל זאת באמצעות הקוד הבא: {text-decoration: none;}
כדי ליצור קישורים מודגשים, השתמש בפרמטר font-weight: bold; הוא מוכנס לקוד הסגנון באותו אופן כמו צבע, קו תחתון.
שלב 5
בטח שמתם לב שבאתרים מסוימים, כאשר אתם מרחפים מעל קישור, המראה שלו משתנה. אתה יכול לעשות זאת גם. קוד כזה יעזור לך: a: רחף {פרמטרים של סגנון}. הפרמטרים מוגדרים באותו אופן כמו עבור קישור רגיל, הערך היחיד הוא מחלקת הפסאודו "מרחף", המודיע לדפדפן כי יש להחיל הגדרות אלה בעת ריחוף מעל הקישור.
באופן דומה, ניתן להדגיש קישורים שביקרו בהם: א: ביקרו {פרמטרים של סגנון}
