الرجاء قرائة الموضوع كاملاً وعدم القفز بين السطور لتوضيح ما قد يغيب عنك والإستفادة من إستخدام الشرح لأقصى درجة
الدرس الأول
http://www.traidnt.net/vb/images/icons/iconrote.gif الدرس الأول من دورة التكويد لعشرين قالب فى واحد ثانية


بسم الله نبدأ الدرس الثانى من درس تكويد تصميم 20 قالب فى واحد ثانية

ولكن أقتبست الدرس الأول كى يكون مرجع شامل أمامكم
اقتباس:
الفكرة فقط تقتضى فى تعب بعض الوقت وراحة تامة حتى يصدر نسخة محدثة كما تعودنا فى ترقية المنتديات
وبما أن أخر إصدارات لجيل الثالث تحتوى على نفس فكرة الدرس
فختاماً نختم دروسنا أجمع بهذا الدرس القيم بإذن الله
ولا ننسى توجية الشكر لأخواتنا فى الله
أخى الحبيبي ثامر ناصر الصعيدى الملقب بالمتميز السعودى
وأخونا الحبيب الحاضر الغائب أبو راشد

نبدأ على بركة الله

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

فسوف أبدأ بفكرة ندر شرحها أو لا توجد فى الأصل
وهى طريقة البحث والإستبدال السليم
يوجد طريقتان للبحث والإستبدال
1- البحث والإستبدال الثابت .
2- البحث والإستبدال المتغير وهذا هو درسنا
http://upload.traidnt.net/upfiles/5fW74184.gifhttp://upload.traidnt.net/upfiles/5fW74184.gifوتصل للجزء الخاص بدرسنا
http://upload.traidnt.net/upfiles/5fW74184.gifفعلينا تفعيل متغير أولاً ولشرح وضع متغير
توجة للوحة تحكم المنتدى ثم
التحكم بالإستايلات
http://upload.traidnt.net/upfiles/5fW74184.gifخيارات جميع الإستيلات ثم تختار من القائمة
http://upload.traidnt.net/upfiles/5fW74184.gifhttp://upload.traidnt.net/upfiles/5fW74184.gif متغيرات الإستبدال


مع الذهاب للمسار الذى أشرنا إلية أعلاه

سوف يظهر لنا الصورة التالية فارغة
http://upload.traidnt.net/upfiles/C8359686.gif
كل ما علينا إضافة متغير جديد كما موضح بالضغط على رقم واحد
http://upload.traidnt.net/upfiles/5fW74184.gifhttp://upload.traidnt.net/upfiles/5fW74184.gifhttp://upload.traidnt.net/upfiles/5fW74184.gifhttp://upload.traidnt.net/upfiles/5fW74184.gifسوف يظهر أمامنا كما بالصورة التالة
http://upload.traidnt.net/upfiles/AbV59949.gif
وهنا أضفنا المتغير
رمز Code:
كود PHP:


علينا إجراء نفس الخطوات لإضافة المتغيرات التالية بالتتابع


كود PHP:


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


http://upload.traidnt.net/upfiles/Xjm59992.gif


أكتفى بهذا القدر ونلتقى فى التجهيز للدرس الثانى
مرفق ملف إستايل إفتراضى طبقت علية درسنا اليوم

الملفات المرفقة الحالية
http://www.traidnt.net/vb/images/attach/zip.gif ديفولت خاص بدرس التكويد الجزء الأول.zip




والأن جاء دور التجهيز والتعب الحقيقي
تجهيز التصميم للعملوالتلائم للغة العربية
وسوف أضع درس كمرجع لحفر الجدول كمثال
http://upload.traidnt.net/upfiles/5fW74184.gifحفر الجدول لكافة المتصفحات ولاكن اكثر من كود تفضل وتعلم الطريق إلى الإحتراف
تغير أكواد سي اس اس ومعرفة كل جزء منها
http://upload.traidnt.net/upfiles/5fW74184.gifإدارة الستايلات - ..:: losha.net ::.. - vBulletin لوحة تحكم المشرف العام
وهنا قمت بشرح لقالب ولكن بطرسقة أشمل وأوسع وضعت الدرس للتذكرة
http://upload.traidnt.net/upfiles/5fW74184.gif{ حصري } شرح تأطير جدول SHOWTHREAD+ postbit مع تغير طريقة عرض الموضوع
ومن ما طرحت أعلاه هو تنثيق للتصميم لكون مجهز كامل مكمل لم يتنبقى سوى توزيع اللأوان والصور

http://upload.traidnt.net/upfiles/5fW74184.gifأول شئ القوالب الذى سوف نعدل عليها وسوف أقوم بالتعديل وشرح الفكرة فى قالب الفورم هوم
والتطبيق من الأعطاء والمتدربين والخبراء على كافة القوالب الموضوعة ويمكن الإزادة كما تريد
الأن الفكرة تقتضى فى تجهيز التصميم
ومعرفة بداية ونهاية كل جدول كما تعلمنا فى توزيع التصميم على قوالب المنتدى
ويمكن الإستعانة بهذا الدرس
أو إتباع الصورة التالية للتذكير فقط
أول درس من نوعه تعلم تأطير الجداول ونبدأ بالناف بار navbar
{ حصري } شرح تأطير جدول SHOWTHREAD+ postbit مع تغير طريقة عرض الموضوع
(شرح + حصري) توزيع الهيدر +الفوتر+ الأعمدة مختلفة المقاسات توزيع حر

والرموز التى سوف تضاف كما أشرنى فى الدرس السابق هنــــــــــــــــــــــــــا
سنبدأ بتوزيع الوسمان أو الرمزان
كود:


والوسم up يرمز للتوزيع العلوى أو التقطير العلوى أى كان تستخدم سواء
هنا لا يهم تقنية الإستخدام سواء إستخدمت table أو div



http://www.arabw-pearl.com/vb/images/icons/tanbeh.gifبالله ركز فى هذه النقطة 100%
الوسم كما وضعناه فى متغيرات الإستبدال لابد أن يوضع كما وضعتناه هناك
ففى درسى الأول وضعت فى الشرح الوسم وفى هذا الشرح وضعت الوسم
وهنا الإختلاف مابين الكابتل والسمول ركزو بالله أنا قاصد هذا للتنبية على حساسية الكتابة والمسافات


الأن أتبعى معى
http://upload.traidnt.net/upfiles/5fW74184.gifالتحكم بالإستايلات
http://upload.traidnt.net/upfiles/5fW74184.gifhttp://upload.traidnt.net/upfiles/5fW74184.gifثم إتبع معى الخطوات التالية المصورة لإظهار كافة القوالب
http://upload.traidnt.net/upfiles/bgB49936.gif
ثم الضغط مرة أخرة لظهور كافة القوالب
http://upload.traidnt.net/upfiles/aVK50235.gif

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


فى قالب الفورم هوم FORUMDISPLAY
نبحث عن
كود:

نضيف أسفلة
كود:

وهو الرمز المخصص لتوزيع العلوى
نبحث عن
كود:



نضيف أعلاة

كود:

وهو الجزء المخصص لتوزيع السفلى
ولا زلنا فى قالب
نبحث عن
كود:

نضيف أسفلة
كود:

وهو الرمز المخصص لتوزيع العلوى
نبحث عن
كود:

نضيف أعلاة
كود:

وهو الجزء المخصص لتوزيع السفلى
نبحث عن
كود:







نضيف أسفلة
كود:

وهو الرمز المخصص لتوزيع العلوى
نبحث عن
كود:


نضيف أعلاة
كود:

وهو الجزء المخصص لتوزيع السفلى
سجل العمل وأحفظ القالب

http://upload.traidnt.net/upfiles/5fW74184.gifالقالب التالى FORUMHOME فروم هوم رئيسية المنتدى

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

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

لا نستطيع في كل موضوع أن نشرح الأسس والتفاصيل الصغيرة هناك اشياء مفهومة ضمناً لكن يمكن فتح موضوع منفصل للاستفسار عن هذه الأمور .

الدرس القادم والنهائى
سوف يكون الإستبدال النهائى
وكما واضح من هذا الدرس أننى لم أرفق تطبيق لهذا الدرس فعلى أمل وضع تطبيقاتكم

وفى الدرس النهائى سوف يتم وضع الإستايل الديفولت مجهز للعمل بإذن الله مباشرة وسوف يكون هدية لكل المكودين :danhrang:

والله ولى التوفيق
الدروس برعاية :لوشا لخدمات وتطبيقات الويب