مكتبة دروس شبكة عام كوم

دروس فوتوشوب دروس كمبيوتر دروس فلاش

الصفحة الرئيسية - الدروس - إتصل بنا

 
 شبكة عام كوم : مكتبة الدروس : دروس تطوير المواقع والمنتديات : تصميم + تركيب جدول علوي وجدول سفلي لتمبلت navbar نافبار

تصميم + تركيب جدول علوي وجدول سفلي لتمبلت navbar نافبار

 

بسم الله الرحمن الرحيم

السلام عليكم ورحمه الله وبركاته

درسنا اليوم يعتبر تجميلي للمنتدى ومكمل للاستايل الاحترافي

نقول بسم الله

اول شئ نجي ونصمم شكل متناسق مثل هذا

 

 

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

 

 

اللحين بعد ماخلصنا من التصميم والتقطيع

نروح للمنتدى ونفتح على الاستايل ومن ثم نختار تمبلت navbar

 

 

وننسخ جميع محتويات التمبلت

ونلصقه في الفرونت بيج

 

 

اللحين لصقناه

ركزوا معاي في هذي النقطه بس

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

 

 

اللحين يوم ضغطنا بالماوس وشفناه ياشر او يومض

على طول نضغط على ادراج جدول وندرج خليه وحده بس

 

 

بيكون بهذا الشكل

 

 

وبالماوس الايمن نختار خصائص الجدول

 

 

ونعطيها القيم هذي
 

 

بيكون بهذا الشكل

 

 

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

 

 

وندرج جدول خليه وحده

 

 

ونعدل خصائص الجدول بالماوس الايمن مثل ماصلحنا في الجدول العلوي

 

 

ونعطيها القيم هذي

 

 

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

 

 

ونقسم الجدول الى ثلاث صفوف

 

 

بيكون بهذا الشكل

 

 

اللحين التوزيع اللي راح يتم كيف؟؟؟

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

 

 

طيب نشوف الصور اللي راح تكون مدرجه وخلفيه

 

 

وهذي الصور تم ادراجها وصارت اليمين يسار واليسار يمين
ماعليكم منها فراح اذا ركبت بالمنتدى بتكون في امكانها السليمه

 

 

وبعدها تنسخ محتويات الفرونت بيج وتلصقها في تمبلت الـnavbar

ثم تحفظ

نشاهد العمل هنا

 

 

وبالتوفيق حبايب قلبي

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



القسم دروس تطوير المواقع والمنتديات | عدد زيارات الدرس 116 زياره

 

مكتبة الدروس برمجة bwady.com

 

جميع الحقوق محفوظه لشبكة عام


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