 |  |
| الرئيسية | مركز المعلومات | مركز التحميل | للاعلان في مُطِّورْ | استخدم ختم مطور | قوِ موضوعك هام | وسام مطور جديد | افحص البيج رانك جديد |
 |
| |||||||
| دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان ملقي الدورة: [vista-design] |
عزيزي المطور ابتعد عن النقل، ولتكن مواضيعك جديدة وقيمة تعبر عن إبداعك وتميزك
 |
| | أدوات الموضوع | انواع عرض الموضوع |
|
#1
14-07-2008, 03:50 PM
| ||||
| ||||
 الدرس السادس :شرح تأطير الاقسام الرئيسية للمنتدى الدرس الخامس:شرح تأطير الاقسام الرئيسية بسم الله الرحمن الرحيم نستكمل معكم ما بدأنا به ونأتى لدرس تأطير الاقسام اولا: شرح كيفية عمل التأطير على الفوتوشوب + تقطيعه +تصديره الشرح فيديو حمل الفيديو من هــــنا الحجم: 12 ميجا ملاحظه هامه: بعد الانتهاء من العمل اللى فى الفيديو, لا تنسى وتحفظ العمل الذى قمت به على هيئة ملف psd لاننا راح نستخدمه لاحقا فى هذا الدرس ثانيا: توزيع صور التأطير على الفرونت بيج حول الاقسام 1- نروح نفتح الفرونت بيج 2-نضغط على code ثم نحذف كل مابه 3-بما ان الاقسام فى مطور مفصولة , راح نستخدم قالبين جاهزين للعمل عليهم قم بتحميل القالبين من المرفقات واسماء القوالب هى 1- forumhome 2- forumhome_forumbit_level1-nopost 4- افتح بالمفكرة القالب الثانى forumhome_forumbit_level1-nopost ثم انسخ كل الكود , وقم بلصقه فى الفرونت بيح بدل الكود اللى حذفناه 5- الحين اضغط بالماوس بالمنطقة المشار اليها كما بالصورة, ثم قم بأضافة ثلاثة جداول علوية 6- بالمثل نقوم بأضافة ثلاثة جدول سفلية اصفل القالب مباشرة 7- الحين راح يكون الشكل هيك: 8- الحين راح نقوم بتوزيع الصور الخاصة بالتأطير اللى قم بعملها فى شرح الفيديو فوق...... ولكن لاحظ (مهم) اننا راح نقوم بعكس التوزيع للصور يعنى اللى فى اليسار راح نضفيه للجدول اليمين والعكس شوف الصورة شوفت ,التوزيع بالعكس , طبعا كل جدول راح تستودر الصوره الخاصة به وتسوى مثل ما شرحنا فى تصميم الهيدر ( لكن بالعكس) وحتى تعرف ارقام الصور اللى راح تضفها لكل جدول افتح ملف psd اللى كنا حفظناه وشوف كل رقم قطعه , واستورد الرقم الخاص بالصورة فى الجدول المناسب لها ( لا تنسى بالعكس  )الحين بعد ما اضفنا الصور راح يكون الشكل هيك الحين نأتى للظبط 9- اولا/ شوف الصور 4و2 والصور 9 و11 راح نجعلهم خلية راح أعطى مثال على صورة واحدة وتطبق الباقى على الصور الباقية الحين دبل كليك على الصورة رقم 4 ثم نحفظ ارقام المقاسات الحين وانت على نفس الصورة(4) , اضغط كليك يمين ثم اختار cell properties ثم راح نلصق المقاسات كما فى الصورة الاتيه: طبق الكلام السابق على الصور 2 و 9 و 11 ###### والحين نأتى للصور 3و10 اللى فى الوسط وهذه راح نجلعها خلفية طبعا هالموضوع شرحته من قبل فى درسنا السابق(تصميم الهيدر والفوتر) يعنى الفكرة واحده شوف راح نضغط دبل كليك على الصوره ثم نضغط على general فوق وننسخ رابط الصورة فوق ثم قم بحذف الصوره هذه ثم وانت على الجدول الاوسط اللى حذفنا منه الصوره كليك يمين ثم اختار cell properties ثم نلصق مسار الصورة ونطبق السابق بالمثل على الصورة الوسطى السفلى رقم 10 ######## 10- ثم نقوم بعمل الاتى لنختم عملنا وهو ازالة حدود الجداول على اى جدول علوى كليك يمين -- ثم table properties شوف راح نصفر ونوسط القيم بالمثل نسوى ذلك على الجداول السفلية نختار اى واحد كليك يمين ثم اختار table properties ونصفر ونوسط القيم كالسابق الحين نروح نضغط على كلمة كود code باسفل الفرونت بيج ونقوم بنسخ الكود كله .... ونحفظه فى مفكرة والحين للوحة تحكم المنتدى ثم الاستايلات والقوالب ثم البحث قفى القوالب ثم نقوم بالبحث عن قالب forumhome_forumbit ونحذف الكود الموجود ونستبدله بالكود اللى فى المرفق اللى اسمه forumhome_forumbit_level1_nopost بالمثل نروح نبحث فى القوالب عن قالب forumhome ثم نمسح الكود الموجود ونستبدله بالقالب المرفق اللى اسمه forumhome طبعا انا استخدمت هالقالب , لان الاقسام مفصولة عن بعضها لذا تتطلب تعديل لهالقالبين الحين نروح للمنتدى ونشوف والى هنا ينتهى الدرس والحين بدى اشوف الجميع تطبق الدرس , وتضع الشغل اللى سويته وانا تعمدت انى ما اطلع الشغل بالظبط حتى تجرب انت ولا ليش انت داخل الدروة 
آخر تعديل بواسطة vista-design ، 17-12-2008 الساعة 03:49 PM |
| |
|
| العلامات المرجعية |
| |
 مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin |
| |
« الدرس الخامس:شرح تصميم ايقونات وأزرار المنتدى لتتوافق مع الاستايل
|
الدرس السابع:شرح تغيير روابط الصور واستيراد ملف الxml للاستايل »
| أدوات الموضوع | |
| انواع عرض الموضوع | |
العرض العادي
|
|
|
المواضيع المتشابهه | ||||
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| مناقشة درس تأطير الاقسام الرئيسية هنا | vista-design | دورة تصميم ستايلات منتديات الفي بي vBulletin | 41 | 27-02-2010 05:11 PM |
| سؤال حول تأطير الاقسام بالشكل الصحيح | خيال مبدع | صيانة و دعم فني مجاني للمنتديات و تطوير المواقع | 1 | 11-10-2009 07:09 PM |
| مشكله في تقسيم الاقسام في الصفحة الرئيسية للمنتدى | zainvb | صيانة و دعم فني مجاني للمنتديات و تطوير المواقع | 4 | 07-10-2009 03:20 PM |
| الاقسام في الصفحة الرئيسية | أم أمنية | صيانة و دعم فني مجاني للمنتديات و تطوير المواقع | 9 | 18-03-2009 11:23 PM |
