 |
 |
|
|
|
02-07-2008, 03:52 AM
|
رقم المشاركة : 1 (permalink) | |||||||||||||
|
شرح تأطير الجداول
كثرت دروس تأطير الجداول ، كل درس و طريقتة،كل درس و المفوم منه ، كل درس له اختلاف و يبقى الهدف واحد عملت لكم درس بأسلوبي و طريقتي الخاصة و إن شاء الله يكون سهل في الفهم و سهل في التطبيق و محد يغلط فيه بسم الله الرحمن الرحيم هذا الشكل قبل التطبيق  اول شيء لازم نبني العمل على اساسات صحيحه بحيث ما يكون فيه اخطاء وقت التطبيق نفتح قالب forumhome و ننسخه و نفتح الفرونت بيج نمسح الاكواد الموجوده كما في الصورة  و نعمل بيست للقالب forumhome نروح نشوف الشكل لو كان الجدول المظلل في الصوره موجود لازم نحذفه بس نظلل كما في الصوره التالية و دليت من الكيبورد و بعدين نرجع القالب من الفرونت بيج الى المنتدى  و لو كان هالجدول غير موجود اذن نواصل بدون اي تغيير في القالب forumhome التعديل الذي سوف نقوم به هو على قالبforumhome_forumbit_level1_nopost طبعا الإطار مصمم و جاهز و مقطع الى ست او ثمان قطع يعتمد على شكل الإطار إذا كان حول الجول كامل او فقط اطار علوي و سفلي انا راح اشتغل على إطار كامل و هو مكون من ثمان قطع عبارة عن اربع زوايا و أربع إمتدادات اولا نفتح عمل جديد في الفرونت بيج و نمسح الاكواد الموجوده ثم نعمل جدول 3صفوف و ثلاث أعمدة و يكون بهالشكل  نضغط رايت كليك على الجدول و نختار table poperties و نغير الإعدادات cell padding: 0 cell padding: 0 borders size: 0 و نضغط ok راح يصير الجدول بهالشكل  المقصود من هذا التغيير في الإدادات هو إخفاء حدود الجدول و الخطوط المنقطه التي نراها هي حدود وهمية الان نركب الصور (الإطار) في الجدول تكون الصور اللي في الزوايا هي بطريقة الضغط في الخانه ثم نغغط على ايقونة إضافة صورة و نختار الصورة المناسبه للخانه و يصبح الجدول بهذا الشكل بعد ان ننتهي من وضع صور الزوايا  اما الان جاء دور خانات الإمتداد و تكون الصور فيها على شكل خلفية للخانه نضغط رايت كليك على الخانه المقصودة و نختار cell properties نضغط الزر المظلل من الصورة التالية  و نختار الصوره من نافذه مستكشف الملفات اللي راح تظهر بعد ما نختار الصوره نضغط ok و نكرر العملية مع كل الخانات الممتدة الباقية و في النهاية يصبح الدول بهذا الشكل  الخانة اللي فيها الخط الاحمر هي الخانه اللي راح يكون فيها جدول المنتدى الان وقت وضع الأكواد في الجدول اولا نضغط في الخانه العلوية و اللي راح يكون فيها عنوان القسم و نروح على الاكواد راح نشوف موجوده كما هي مظللة في الصورة التالية  نمسحها و نضع بدالها الكود التالي كود PHP:
 و اللي يحب يوسط العنوان او يتحكم بنوع الخط هذا على حسب رغبتة فقط يظلل الكتابة الزرقاء الموجودة في الصورة و يتحكم فيها على ذوقة الان نضع كود جدول المنتدى نضغط في الخانة الوسطى و هي الخانه اللي فيها الخط الاحمر مثل ما قلت سابقا نروح على الاكواد راح نلقى موجودة نظللها مثل ما فعلنا سابقا و نحط مكانها الكود التالي كود PHP:
 الان نروح ناخذ الكود كامل (الجدول اللي عملناه بكل ما عدلنا و اضفنا فيه) و نضعه في القالب يعني نمسح محتوى القالب بالكامل و نضع مكانه الكود الجديد اللي عملناه و في النهاية يصبح الشكل كما في الصورة  إنشالله الدرس يكون سهل و تطبقونه بصورة جميله و انتظر ردودكم و رايكم في الشرح و اهم شي تطبيقكم للشرح منقول .bmp "Qa33 (15)")
|
|||||||||||||
    
|
 |
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
| أدوات الموضوع | |
| طرق مشاهدة الموضوع | |
|
|
 |
 |
.gif "Qa33 (8)")
العرض العادي
