دورة تقطيع الإستايل style وتركيب installه على المنتدى forum وأول الدروس شرح طريقة بالصور

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© طھظ‚ط·ظٹط¹ ط§ظ„ط¥ط³طھط§ظٹظ„ ظˆطھط±ظƒظٹط¨ظ‡ ط¹ظ„ظ‰ ط§ظ„ظ…ظ†طھط¯ظ‰ ظˆط£ظˆظ„ ط§ظ„ط¯ط±ظˆط³ ط´ط±ط* ط¨ط§ظ„طµظˆط± (http://www.dzbatna.com/t807866/)



http://upkelk.org/uploads/picture/f83ddb8a7b.gif


دروس سابقه ..


الان التسجيل في دورة تقطيع الإستايل style وتركيب installه على المنتدى forum (http://www.upkelk.com/vb/t22462.html)

الدرس مفصل الأول :

الدرس مفصل الأول: شرح طريقة الفرنت بيج وتحميل وشرح طريقة تركيب install منتدى في الجهاز (http://www.upkelk.com/vb/t23115.html)


الدرس مفصل الثاني ...





رابط الدرس مفصل الأصلي


الدرس مفصل الثاني: شرح طريقة الفرنت بيج وتحميل وشرح طريقة تركيب install منتدى في الجهاز l (http://www.upkelk.com/vb/t24038.html)


تصميم الهيدر header والفوتر ..

نبدأ في header

الهيدر header طريقة تركيب installه انواع ..
راح نذكر 3 انواع .. وهي الأسهل ..

http://upkelk.org/uploads/picture/f83ddb8a7b.gif

النوع الاول..

http://upkelk.org/uploads/picture/df7719934c.jpg (http://upkelk.org)



وضع صورتين من اليسار واليمين بينهم نقطة تمدد ..

نقطه التمدد تعريفها << هي عباره عن تصميم صغير جدا يتكرر ويكمل الهيدر header .
تستفيد منها لجعل الستايل style يتمدد ..

مثال عليه ..
صفحة سعد الحارثي ..

http://www.upkelk.com/sports/11/1.html
http://upkelk.org/uploads/picture/d8e2b9e678.jpg (http://upkelk.org)



في البدايه ..

نذهب لمسار برنامج الاباتشي الي حملت عليه المنتدى forum ..

وتضغط على ملف vb
وتقوم بصنع مجلد جديد بداخله بأسم upkelk او اي اسم تريد ..

وتصنع مجلد اخر بداخل مجلد upkelk بـأسم images ونضع فيه صور الهيدر header ..

http://upkelk.org/uploads/picture/6840d45463.jpg (http://upkelk.org)

الان
ندخل 1-لوحة التحكم .. ومن ثم 2-التحكم في الستايل styleات .. وبعدها 3-تختار الستايل style الي راح تصمم عليه .. ثم 4-تعديل القوالب ..
و5-تبحث عن قالب template اسمه header

انسخ مافيه ..

وأذهب لبرنامج الفرنت بيج ..

سوف تجد خيارات في الاسفل .. أضغط على HTML

سوي تحديد الكل .. واحذفه ..

http://upkelk.org/uploads/picture/c567d784c0.jpg (http://upkelk.org)
وألصق الي نسخت فيه ..

ارجع للخيار الي اسمه عادي .. بجانب HTML

راح تحصل صور الهيدر header السابقه على شكل اكس ..
أحذفها
ضع جدول جديد ..
http://upkelk.org/uploads/picture/9e52984533.jpg (http://upkelk.org)

المشار عليه رقم 1 في الصوره ,,
هيا الخيارات التي تستطيع ان تتحكم في الصوره تريدها في اليسار او اليمين او الوسط ..

والمشار عليه بـ2 في الصوره ..
هي الجداول التي تضعها ..
من الافضل جدول واحد لا اكثر ..

ومن خصائص الجداول ..
http://upkelk.org/uploads/picture/a65b3dfa5b.jpg (http://upkelk.org)



يجب عليك تحديد الحدود الى صفر ..
وكذلك توسيط الحدود

http://upkelk.org/uploads/picture/0f6e03665c.jpg (http://upkelk.org)


الان ضع الصوره الي تعبر عن نقطة التمدد ..


خصائص الخليه <<<< وهيا صوره صغيره تكون قد صممتها تتكرر في كل تلقائيا ..

http://upkelk.org/uploads/picture/fc4f4ec454.jpg (http://upkelk.org)

http://upkelk.org/uploads/picture/6d64aea025.jpg (http://upkelk.org)

في هذه الصوره وضعت نقطة التمدد والصوره في اليسار..



الان أضغط على الصوره التي تريد ان تضعها يسار وتختار الزر الي يشير لليسار ..
واضغط على الصوره الي تريدان تكون في اليمين ..

وبكذلك راح تكون ركبت الهيدر header ..

مبرووووووك ..

الان انسخ ماوضعت

وألصقه في الهيدر header ..

http://upkelk.org/uploads/picture/f83ddb8a7b.gif




الفوتر

الفوتر نضع فيه ماوضعنا في الهيدر header ..

ويفضل ان يكون تصميم مختصر وسهل وصغير ..

وكذلك .. يكون أسفل الأكواد الأفتراضيه الموجوده سابقا في الفوتر ..




النوع الثاني..


صوره في الوسط ..

http://upkelk.org/uploads/picture/56c149d378.jpg (http://upkelk.org)

مثال عليها ..
ستايل style منتديات تشكيلي أبكيلك السابق .

http://upkelk.org/uploads/picture/7afeeffd7a.jpg (http://upkelk.org)

وهو صوره واحده في الوسط ..

فقط تحتاج جدول .. وتضع فيها الصوره ..
وتنسخه وتضعه في الهيدر header ..
سهله جدا ..



النوع الثالث ..

http://upkelk.org/uploads/picture/c1d61cd4a9.jpg (http://upkelk.org)

وهي صورتين في اليسار واليمين ..
لا تحتاج نقطة تمدد ..
وانما الي بينهما .. هي خلفيه المنتدى forum ..

وهي سهله ايضا ..
فقط تضع جدول ..
وتضع صوره في اليسار وصوره في اليمين ..


والنوع الرابع ..

وهي صوره في الوسط .. على تمدد ..

مثال عليها ..,

صفحة ياسر القحطاني ..


http://www.upkelk.com/sports/20/1.html


http://upkelk.org/uploads/picture/ee8ba49650.jpg (http://upkelk.org)

التمدد هذه الصوره

((( http://upkelk.org/uploads/picture/90e4737ca9.gif (http://upkelk.org) )))

تضعها وتضع فوقها الصوره وتوسطها ..


الدرس مفصل سهل جدا ..


ملاحظات ..

1- يلاحظ كثرة التقطيع في الفوتر والهيدر header ..
هذا يسبب كثره صور وثقل في المنتدى forum ..؟!
وكذلك كثره الجداول ..
لذا يكتفى بصوره واحده .. او صورتين من دون تقطيع وخربطه :o:D

2- الدرس مفصل لم ينتهي .. فأسألتكم هيا الدرس مفصل الحقيقي ..


الدرس مفصل القادم وهو الاهم ..

هو كيفية . وضع الاشكال الجماليه في النافبار .. والفروم هوم .. وغيرها من القوالب المهمه بداخل الستايل style ..


الان ارجو من المسجلين التطبيق ..

وعرض الهيدر header والفوتر الي صمموه ..
وتركيب installه ..

....

تحياتي ..


منتديات تشكيلي أبكيلك (http://www.upkelk.com/vb/)







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©