לא קשה ליצור אתר משלך בימינו, גם אם אין לך ידע ספציפי בתחום עיצוב אתרים ותכנות. בכל עת תוכל להשתמש במסה של תבניות שונות המפורסמות באינטרנט, ועל סמך תבניות מוכנות, ליצור ולפרסם את אתרך ברשת. עם זאת, לא כולם מרוצים לחלוטין מגרסת האתר שהתבנית מציעה. אנו אגיד לך כיצד לשנות את תבנית האתר ולהפוך אותו לייחודי במאמר זה.
הוראות
שלב 1
הורד את התבנית ומצא בה את קובץ style.css. בדרך כלל קובץ זה ממוקם בתיקיה public_html.
שלב 2
פתח את הקובץ style.css בפנקס הרשימות ומצא את קטע הקוד שאחראי למראה ולתחושה של החלק העליון של האתר. קטע זה נראה כך:
#logotype {
רקע: url (images / logotype.png) מרכז שמאלי ללא חזרה #fff;
רוחב: 230 פיקסלים;
גובה: 60 פיקסלים;
שוליים: 10 פיקסלים 25 פיקסלים;
מיקום: קרוב משפחה;
שלב 3
בקוד זה, בשורת הרקע: url, עליכם לציין את הנתיב לתמונת הרקע של האתר העתידי. השורות הבאות מציינות את אורך התמונה וגובהה, ופריט השוליים מגדיר את הכניסה האנכית והאופקית של התמונה.
שלב 4
מצא את קובץ logotype.png
שלב 5
העלה את תמונת הרקע לתיקייה public_html / tmpl / template_name / Images /, ולאחריה כתוב, כאמור לעיל, את הנתיב לתמונה ברקע: url.
שלב 6
במידת הצורך, כתוב מחדש את פרמטרי הגובה, האורך והקיזוז של התמונה. העמדה: קו יחסי ניתן להשאיר לבד. שמור את השינויים בקובץ והעלה אותו לשרת במקום לקובץ התבנית הישן.
שלב 7
אם ברצונך לשנות את לוגו האתר התחתונה, חפש ב style.css את קטע הקוד שמתחיל במילים logotype-footer. שמור את התמונה עם הלוגו החדש והעלה אותה לתיקיית התמונות של התבנית.
שלב 8
שנה את פרמטרי האורך והגובה. שמור שוב את קובץ style.css והעלה את האתר המעודכן לשרת.