ليس من الصعب إنشاء موقع الويب الخاص بك في الوقت الحاضر ، حتى لو لم يكن لديك أي معرفة محددة في مجال تصميم وبرمجة المواقع. في أي وقت ، يمكنك استخدام عدد كبير من القوالب المختلفة المنشورة على الإنترنت ، وبناءً على القوالب الجاهزة ، قم بإنشاء موقع الويب الخاص بك ونشره على الشبكة. ومع ذلك ، لا يشعر الجميع بالرضا التام عن إصدار الموقع الذي يقدمه النموذج. سنخبرك بكيفية تغيير قالب الموقع وجعله فريدًا في هذه المقالة.
تعليمات
الخطوة 1
قم بتنزيل النموذج وابحث عن ملف style.css فيه. يوجد هذا الملف عادةً في المجلد public_html.
الخطوة 2
افتح ملف style.css في المفكرة وابحث عن مقتطف الشفرة المسؤول عن شكل ومظهر الجزء العلوي من الموقع. يبدو هذا المقتطف كما يلي:
#logotype {
الخلفية: url (images / logotype.png) no-Replicent left center #fff؛
العرض: 230 بكسل ؛
الارتفاع: 60 بكسل ؛
الهامش: 10 بكسل 25 بكسل ؛
الموقف: نسبي ؛
الخطوه 3
في هذا الكود ، في الخلفية: سطر url ، تحتاج إلى تحديد المسار إلى صورة الخلفية للموقع المستقبلي. تشير الأسطر التالية إلى طول الصورة وارتفاعها ، ويحدد عنصر الهامش المسافة البادئة الرأسية والأفقية للصورة.
الخطوة 4
ابحث عن ملف logotype.png
الخطوة الخامسة
قم بتحميل صورة الخلفية إلى المجلد public_html / tmpl / template_name / Images / ، وبعد ذلك ، كما هو مذكور أعلاه ، اكتب مسار الصورة في الخلفية: سطر url.
الخطوة 6
إذا لزم الأمر ، أعد كتابة معلمات ارتفاع الصورة وطولها وإزاحتها. الموضع: يمكن ترك الخط النسبي بمفرده. احفظ التغييرات التي تم إجراؤها على الملف وقم بتحميله على الخادم بدلاً من ملف القالب القديم.
الخطوة 7
إذا كنت تريد تغيير شعار موقع التذييل ، فابحث في style.css عن مقتطف الشفرة الذي يبدأ بالكلمات logotype-footer. احفظ الصورة بالشعار الجديد وقم بتحميله إلى مجلد الصور الخاص بالنموذج.
الخطوة 8
قم بتغيير معلمات الطول والارتفاع. احفظ ملف style.css مرة أخرى وقم بتحميل الموقع المحدث إلى الخادم.
