لا تنس ذكر الله .. سبحان الله ، والحمد الله ،ولا اله إلا الله ،والله اكبر ،ولا حول ولا قوة إلا بالله
  #1  
قديم 05-03-2007, 08:57
NemR NemR غير متواجد حالياً
صقر مجتهد




افتراضي تصميم استايل منتدى vb رباعي أطراف >> الجزء الرابع

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

وننطلق الان مع الشرح

افتح برنامج الفرونت بيج FrontPage واختار من الاسفل كلمة اعدادات برمجيه كما في الصوره

تصميم استايل منتدى رباعي أطراف

ستشاهد هذه الصفحه

تصميم استايل منتدى رباعي أطراف

امسح مابها لتكون بهذا الشكل

تصميم استايل منتدى رباعي أطراف

الان نضغط على كلمة تصميم

تصميم استايل منتدى رباعي أطراف

اضغط بطرف الماوس الايمن لتظهر لك خصائص الصفحه وغير اتجاه الصفحه الى اليمين

وننتقل لاعلى برنامج الفرونت بيج ونختار ادراج جدول ثلاث خانات فقط بالطول

تصميم استايل منتدى رباعي أطراف

نذهب الى الجدول ونضغط بطرف الماوس الايمن لتخرج لنا هذه القائمه

تصميم استايل منتدى رباعي أطراف

ونقوم بوضع هذه الاعدادات كما في الصوره بالضبط

تصميم استايل منتدى رباعي أطراف

فاصبح لدينا الجدول بهذا الشكل خانه علويه وخانه وسطيه وخانه سفليه

تصميم استايل منتدى رباعي أطراف

نضغط على الخانه رقم واحد وبطرف الاماوس الايمن لتخرج لنا قائمه ونختار منها خصائص الخليه

تصميم استايل منتدى رباعي أطراف

فيخرج لنا مربع حوار كما سنشاهد ونضغط منه استعراض

تصميم استايل منتدى رباعي أطراف

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

تصميم استايل منتدى رباعي أطراف

اصبحت بهذا الشكل

تصميم استايل منتدى رباعي أطراف

نترك الخانه الوسطيهونتجه للخانه رقم ثلاثه (الفوتر)

ونضغط بطرف الماوس يمين ونختار خصائص الخليه... ونختار صوره الخلفيه.. وهي الصوره الثالثه للفوتر الوسطيه وليست الجانبيه ونضغط

تصميم استايل منتدى رباعي أطراف

اللحين نتجه للجدول الاول (تذكروا معانا ثلاث جداول ورقمتها قبل شوي 1 و2 و3)

تصميم استايل منتدى رباعي أطراف

المهم رحنا للخانه العلويه او الجدول الاول ونونضغط عليه ثم نضغط بطرف الماوس اليمين ونختار تقسيم الخلايا

تصميم استايل منتدى رباعي أطراف

راح يطلع لنا مربع صغير ونختار منه الاعمده ثلاثه

تصميم استايل منتدى رباعي أطراف

بيطلع الجدول او الخانه العلويه مقسمه بهذا الشكل

تصميم استايل منتدى رباعي أطراف

شوف بعد التقسيم وش راح تسوي
يمين صوره والوسط خلفيه واليسار صوره

تصميم استايل منتدى رباعي أطراف

نختار اول خانه يمين ونحط الماوس عليها ونتجه للجه اللي في اعلى الفرونت بيج ونختار ادراج صوره
(خلاص حنا انتهينا من شئ اسمه خلفيه واللي باقي الصور)

تصميم استايل منتدى رباعي أطراف

بمجرد الضغط على المربع الصغير حق ادراج الصوره راح يطلع لنا مربع الحوالي التالي وشئ طبيعي طالما انك ضغطت بالماوس على اول خانه يمين فراح تختار الصوره اللي في اليمين

تصميم استايل منتدى رباعي أطراف

اللحين نشوف بعد مانزلنا الصوره وكيف شكلها

تصميم استايل منتدى رباعي أطراف

لاهي اللي جت في مكانها الزين ولاهي جت في النص يعني خلف خلاف

نطنشها عادي ونروح للجدول الثالث اللي في اليسار ونضغط بالماوس عليه ونضغط على ادراج صوره

تصميم استايل منتدى رباعي أطراف

ونختار الصوره اللي في اليسار للهيدر

تصميم استايل منتدى رباعي أطراف

ونشوف كيف صارت

تصميم استايل منتدى رباعي أطراف

يعني نقدر نقول تعدلت بشئ بسيط .. بس يبيلها

مالك الا شئ واحد (((((شد الاطراف))))))

تصميم استايل منتدى رباعي أطراف

اللحين خلصنا من شئ اسمه هيدر واللي باقي فوتر

نترك الجدول اللي في النص ونروح للجدول اللي تحت حق الفوتر

ونضغط عليه بالماوس ونختار تقسيم الخلايا

تصميم استايل منتدى رباعي أطراف

مايحتاج كم اقول اكيد 3

تصميم استايل منتدى رباعي أطراف

بعد ماقسمنا راح تكون منشده باشباب ان حنا شدينا الاطراف حقت الهيدر من شوي

تصميم استايل منتدى رباعي أطراف

اضغط على اول خانه بجدول الفوتر يمين وادرج الصوره اليمنى للفوتر

تصميم استايل منتدى رباعي أطراف

ادرجناها ولكن شكلها مش ولابد يعني يبيلها

تصميم استايل منتدى رباعي أطراف

نتركها وندرج الصوره اللي في اليسار

تصميم استايل منتدى رباعي أطراف

طبعاً تحط الماوس على اخر خانه بجدول اليسار وتدرج الصوره

تصميم استايل منتدى رباعي أطراف

اللحين وش تشوفون؟؟
كل شئ تمام الا مافي تنسيق


وعشان ننسق الجدول ككل
كل اللي ابيك تسويه شئ بسيط
تضغط على كل صوره يمين سواء في الهيدر او في الهيدر

تصميم استايل منتدى رباعي أطراف

ومن اعلى الفرونت بيج تعطيها محاذاه لليمين

تصميم استايل منتدى رباعي أطراف

وكذلك اي صوره يسار تضغط عليها وتعطيها محاذاه لليسار

تصميم استايل منتدى رباعي أطراف

وهذا الاستايل الرباعي (اربع صور) تم الانتهاء منه وبالتوفيق

تصميم استايل منتدى رباعي أطراف

وهذا شكل الاستايل بعد النهائي

تصميم استايل منتدى رباعي أطراف

انتهى هذا الدرس



http://www.sakr1.com/vb/sakr-style/pic/write-comment.png

ضع تعليق باستخدام حساب الفيس بوك

توقيع  NemR

 

احفظ الله يحفظك
" من سئل عن علم فكتمه ألجمه الله يوم القيامة بلجام من نار"
معا يد بيد لنرقي بشبكة الصقر
موضوع مغلق

مواقع النشر (المفضلة)

شارك في القائمة البريدية ليصلك الجديد


الكلمات الدلالية (Tags)
منتدى, أطراف, الخصم, الرابع, استايل, تصميم, رباعي

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are معطلة
Refbacks are معطلة

الانتقال السريع

شارك في القائمة البريدية ليصلك الجديد


الساعة الآن 11:17


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.6.1

سبحان الله وبحمده :: سبحـان الله العظيم
جميع ما ينشر في المنتدى لا يعبر بالضرورة عن رأي صاحب الموقع وإنما يعبر عن وجهة نظر كاتبه