عمل ستايل بخلفية ثابتة

هذا الدرس لتصميم ستايل منتدى بخلفية ثابتة
الدروس موجودة في كثير من المنتديات بعدة طرق
لكني جمعت الأفضل وأضفت إليه بعض الإضافات
لتكون سهل وواضح وبدون مشاكل إن شاء الله

----


1-تصميم الخلفية :

نفتح عمل جديد بمقاس 1024 في 1000

عرض الهيدر راح يكون 710
نطرحها من عرض الصفحة 1024-710 = 314

314 راح نقسمها على 2 إلي هي الصور الجانبية للستايل

314 / 2 = 157

يعني يصير عملنا ( 157 ) للجانب الأيمن ( 710 ) للوسط ( 157 ) للجانب الأيسر
بعد كذا نبدأ نزين الجانب الأيمن والأيسر ونجعل الوسط فاضي ثم نحفظها بصيغة gif

ونرفعها في ملف منتدانا

صورة للتوضيح



كذا إنتهينا من تصميم الخلفية

---

2- الإعدادات :

الخطوة الأولى
نروح لوحة التحكم ونختار
التحكم بالاستايلات – ومنها نختار اسم منتدانا ونختار css

نروح للمتغير الأول



نمسح كل شي في الجهة اليسرى ( خواص css الإضافية )

ونضع هذا الكود


margin: 0px 0px 0px 0px;
padding: 0px;
background-image: url(d70mi/d1.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;

توضيح بسيط للكود


d70mi = اسم ملف الاستايل نقوم بتغييرة حسب اسم استايلنا

d1.gif = اسم الصورة مع الامتداد ولو حبينا نحفظ الصورة بصيغة ثانية

نغير الاسم مع الامتداد مثلا d1.jpg


---
الخطوة الثانية :


مثل ما هو واضح ندخل على لوحة التحكم ونروح لمتغيرات الستايل ونغير القيمة الأولى إلى 700 بدون علامة النسبة المئوية
والقيمة الثانية إلى 1
هذا اللي أشوفه مناسب

وبكذا انتهينا من الخلفية والإعادات

-------------------

بقي بعض الأمور المتعلقة بالهيدر والفوتر

نصممها بدون نقاط تمدد ونجعها بعرض 710
ولما نروح للفرونت بيج نختار جدول بخانة واحده للهيدر وجدول بخانة واحدة للفوتر
ونعمل لها توسيط ثم نضعها في لوحة التحكم مثل المنتدى العادي المتمدد
بكذا انتهينا

ختاماً
دمتم بخير وسعادة وتوفيق من الله تعالى

ارجو الرد

سلام

شكرا عيونيييييي

شكرا يا حبى يا مؤسسة لحن يا غاليه

واجبي حبيباتي منورين

هههههههههه هى معلمة رائعه جدا هههههههه

هاي

شكرا + تسلمي

شكرا حبيبتي تسلمي عالموضوع الرائع