ممرض محترف
10-02-2006, 10:31 PM
السلام عليكم ورحمة الله وبركاتة
اهلا بكم مرة اخرى مع دروس تصميم الاستايلات
اسف جدا على التاخر في الدرس
الدرس يسمح بنقلة لكن مع ذكر حقوق المصدر
باسم الله نبدا
فان اصبت فمن الله
وان اخطات فمن نفسي والشيطان
اول شئ نرسم شكل على سبيل المثال كهذا الشكل
http://www.7ors.com/dros/41.jpg
بعد ذلك نقطعة ل 6 قطع كما في الشكل التالى
3 قطع علوية
و3 سفلية
http://www.7ors.com/dros/42.JPG
الان ندخل نبحث عن قالب :: navbar
كما هو موضح
http://www.7ors.com/dros/43.JPG
بعد ذلك ندخل عليه
http://www.7ors.com/dros/44.JPG
وننسخ كل ما بمحتويات القالب
http://www.7ors.com/dros/45.JPG
ندخل على الفرونت بيج ونمسح ما بداخل التعليمات البرمجية ونضع محتويات قالب الناف بار
http://www.7ors.com/dros/46.JPG
ثم ندخل على تصميم
ونضع الموشر في المكان الموضح وننشا جدول من خليه واحدة
http://www.7ors.com/dros/47.JPG
نضغط بالمؤشر داخل الجدول ونختار خصائص الجدول
ونعطيه هذه الاعدادات
http://www.7ors.com/dros/48.JPG
ثم نضغط كليك يمين ونختار الموضح ونقسمة الى 3 خلايا
http://www.7ors.com/dros/49.JPG
الان ناجى لاضافة الصور
ركزوا في هذة النقطة كويس جدا
نضيف الصور بالعكس اى الزاوية اليسرى العلوية نضيفها في الزاوية اليمني
وكذلك الزاية اليمني العلوية نضيفها في الزاوية اليسرى
والصورة توضح اكثر
http://www.7ors.com/dros/50.JPG
نناجى للمنتصف نضع الخليفية بضغطة كليك يمين وخصائص الخلية ونختار الخلفية ثم اوك
http://www.7ors.com/dros/51.JPG
ناجى لاضافة الصور في الاسفل
نضع المؤشر في المكان الموضح وننشئ جدول
ونعطيه نفس الاعدادت التى اعطيناها للجدول الاعلى مع تقسيمة الى 3 اجزاء
http://www.7ors.com/dros/52.JPG
ليصبح الشكل النهائى لدينا كذا
ولا تخافون من تبديل الصور فبعد ما تضعونها في المنتدى سيظهر كل شئ تمام التمام
دلوقتي تدخلوا على المعلومات البرمجية وتغيرون مسارات الصور للمسار اللى في موقعكم كما شرحنا سابقا
وتاخذون الكود كااااااااااامل وتضعونة بدل الكود اللى في المنتدى
واحفظوا العمل وشاهدونة في المنتدى
------------------------------
اهلا بكم مرة اخرى مع دروس تصميم الاستايلات
اسف جدا على التاخر في الدرس
الدرس يسمح بنقلة لكن مع ذكر حقوق المصدر
باسم الله نبدا
فان اصبت فمن الله
وان اخطات فمن نفسي والشيطان
اول شئ نرسم شكل على سبيل المثال كهذا الشكل
http://www.7ors.com/dros/41.jpg
بعد ذلك نقطعة ل 6 قطع كما في الشكل التالى
3 قطع علوية
و3 سفلية
http://www.7ors.com/dros/42.JPG
الان ندخل نبحث عن قالب :: navbar
كما هو موضح
http://www.7ors.com/dros/43.JPG
بعد ذلك ندخل عليه
http://www.7ors.com/dros/44.JPG
وننسخ كل ما بمحتويات القالب
http://www.7ors.com/dros/45.JPG
ندخل على الفرونت بيج ونمسح ما بداخل التعليمات البرمجية ونضع محتويات قالب الناف بار
http://www.7ors.com/dros/46.JPG
ثم ندخل على تصميم
ونضع الموشر في المكان الموضح وننشا جدول من خليه واحدة
http://www.7ors.com/dros/47.JPG
نضغط بالمؤشر داخل الجدول ونختار خصائص الجدول
ونعطيه هذه الاعدادات
http://www.7ors.com/dros/48.JPG
ثم نضغط كليك يمين ونختار الموضح ونقسمة الى 3 خلايا
http://www.7ors.com/dros/49.JPG
الان ناجى لاضافة الصور
ركزوا في هذة النقطة كويس جدا
نضيف الصور بالعكس اى الزاوية اليسرى العلوية نضيفها في الزاوية اليمني
وكذلك الزاية اليمني العلوية نضيفها في الزاوية اليسرى
والصورة توضح اكثر
http://www.7ors.com/dros/50.JPG
نناجى للمنتصف نضع الخليفية بضغطة كليك يمين وخصائص الخلية ونختار الخلفية ثم اوك
http://www.7ors.com/dros/51.JPG
ناجى لاضافة الصور في الاسفل
نضع المؤشر في المكان الموضح وننشئ جدول
ونعطيه نفس الاعدادت التى اعطيناها للجدول الاعلى مع تقسيمة الى 3 اجزاء
http://www.7ors.com/dros/52.JPG
ليصبح الشكل النهائى لدينا كذا
ولا تخافون من تبديل الصور فبعد ما تضعونها في المنتدى سيظهر كل شئ تمام التمام
دلوقتي تدخلوا على المعلومات البرمجية وتغيرون مسارات الصور للمسار اللى في موقعكم كما شرحنا سابقا
وتاخذون الكود كااااااااااامل وتضعونة بدل الكود اللى في المنتدى
واحفظوا العمل وشاهدونة في المنتدى
------------------------------