על מנת לייפות את האתר שלך באינטרנט, תוכל לבצע שינויים בעיצובו. שינוי העיצוב מרמז על כל פעולה, החל משינוי הרקע של העמוד הראשי וכלה בשרטוט מוחלט של תבנית האתר. אם תחליט לשנות את הרקע של האתר שלך, ההוראה הבאה תסייע בפתרון בעיה זו.
נחוץ
עריכת קובץ ה- css
הוראות
שלב 1
לרוב, קוד עיצוב האתר ממוקם בקובץ style.css. אך כל תבנית יכולה להיות שונה מזו הקודמת, כך שקוד העיצוב יכול להיות ממוקם בקובץ אחר, אך גם עם סיומת css. על מנת להגדיר את צבע הרקע של האתר שלך, עליך להזין או להחליף את הערך הקיים בביטוי הבא: / * רקע לבן * / גוף {
צבע רקע: #FFFFFF;} / * רקע כותרת לבן, צבע גופן שחור * / h1 {
צבע: # 000000;
צבע רקע: #FFFFFF;
}
שלב 2
על מנת להוסיף תמונה כלשהי כרקע באתר שלך, עליך להזין או להחליף את הערך הקיים בביטוי הבא: body {
צבע רקע: # 000000;
תמונת רקע: url ("Image-1.jpg");
}
יש לציין כי במקרה זה יש צורך לספק קישור לקובץ התמונה, אשר ימוקם באותה תיקיה עם קובץ ה- css.
שלב 3
אם ברצונך לרצף תמונה קטנה או תמונה קטנה, השתמש בפקודה רקע-חזרה. על מנת להשתמש בפקודה זו בצורה נכונה, ישנם מספר חידודים לפקודה זו:
רקע-חזרה: חזור על x - חזור על התמונה לאורך ציר x;
חזור על רקע: חזור על y - חזור על התמונה לאורך ציר y;
חזור על רקע: חזור - חזור על תמונה לאורך שני צירים בבת אחת;
רקע-חזרה: אין חזרה - התמונה אינה חוזרת;
מצורף רקע: גלילה - גלילה בתמונה יחד עם הדף;
מצורף רקע: קבוע - התמונה אינה נגללת.
באמצעות התחביר של פקודה זו, תוכל להראות כיצד היא פועלת בדוגמאות:
מיקום רקע: 30 פיקסלים 40 פיקסלים - התמונה היא 30 פיקסלים מלמעלה ו 40 פיקסלים משמאל לימין.
עמדת רקע: 60% 35% - ריפוד שמאלי הוא 60% וריפוד עליון הוא 25%.
