PDA

مشاهدة نسخة كاملة : :+::[ الدرس الأول من دروس الإستايلات المتطورة بالتفصيل من فوكس ]::+:


فـــوكـــس
25-07-2006, 06:23 PM
بسم الله الرحمن الرحيم

حياكم الله وبياكم وسدد على طريق الحق خطاي وخطاكم

أما بعد :

في هذا الدرس سنلتقي بالكثير الكثير من الجديد في عالم الإستايلات الواسع

طيب ماهي الإستايلات المتطورة ومالفرق بينها وبين الإستايلات العادية ؟

ج : الجواب في الصور ...

لاحظ الأقسام في استايل عادي

http://www.fox84.org/dros/pro/d1/1.gif

أما الآن فلاحظ الفرق هذا الحين ( استايل متطور )

http://www.fox84.org/dros/pro/d1/2.gif

_ _ _ _

طيب الحين عرفنا ويش هي الإستايلات المتطورة

قبل لا نبدى أبي أقولك شي

اللي هو :

الإستايلات المتطورة تعتمد اعتماد كلي على 4 قوالب

forumhome_forumbit_level1_nopost

ومكانه ووظبفته عبارة عن الإطار الخارجي حول الإطارات اللتي بداخلها الأقسام

وتوضع به أوامر ومتغيرات اسم القسم والمنتدى الفرعي

لو ما فهمت الحين في الدرس ان شاء الله راح تفهم ... يعني لا تخاف أنت مو غبي بس شوي شوي

وهذه صورة توضيحية بسيطة

http://www.fox84.org/dros/pro/d1/3.gif

ثم تعديل بسيط في كود في قالب FORUMHOME

ثم استبدال قالب forumhome_lastpostby بكود آخر

ثم قالب forumhome_forumbit_level2_post

وهو الأساس والأهم ومحور الأساس

لأنه القالب المخصص للأقسام والمواضيع والذي سنتحدث عن كيفية تصميمه واضافة الأوامر والمتغيرات عليه

ويمكنك الإستغناء عن قالب forumhome_forumbit_level1_nopost

ولكن راح يكون منتداك كله خرابيط بس كله مواضيع يعني الواحد ما يعرف ويش هالقسم

ما علينا

المهم هذه نبذة بسيطة عن الإستايلات المتطورة

وطبعاً قمت بشرحها قبل المشاريع اللي كنت أخطط لشرحها قبل لكثرة الحاح الأعضاء عليه في الماسنجر وغيره

فبالله نستعين ونتوكل

ونأمل ايصال المعلومة

وأخلي مسؤوليتي أمام الله في من استخدمه في غير مرضاته

ألا هل بلغت اللهم فشهد

الحين حط قدامك كاس شاي وقول بسم الله

وافتح الفوتوشوب

_ _ _ _ _ _


المقاس إذا كنت ماراح تسوي تأطير شامل للإستايل حطه 780

وراح نجيله في دروس قادمة بإذن الله إذا في العمر بقية

فنعتمد مقاس 780 للعرض والطول على راحتك

http://www.fox84.org/dros/pro/d1/4.gif

اختر من أداة الأشكال هذا الشكل مثلاً

http://www.fox84.org/dros/pro/d1/5.gif

ونرسم الشكل فيكون عندنا ناتج مثل هذا

http://www.fox84.org/dros/pro/d1/6.gif

الحين نختار نفس الشكل ورسمه بهذا الشكل

http://www.fox84.org/dros/pro/d1/7.gif

الحين نضيف عليه هذا البترن وتجدونه بالفرقات

http://www.fox84.org/dros/pro/d1/8.gif

لاحظ الحين كيف صار

http://www.fox84.org/dros/pro/d1/9.gif

نضيف عليه بعض التأثيرات كالظلال الخارجية والداخلية

http://www.fox84.org/dros/pro/d1/10.gif

الحين صار عندنا شكل حلو ومناسب صحيح

طيب الحمد لله شي جميل

الحين يا بعد حيي نجي للتقطيع

حاولت أجيبه لكم في هالدرس بأسهل طريقة ممكنة وهي تقطيع 3 في 3

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

http://www.fox84.org/dros/pro/d1/11.gif

بعد ما تختار الأدة قطع الشكل بطريقة 3 في 3

شوف الصورة

http://www.fox84.org/dros/pro/d1/12.gif

طبعاً لاحظ الشكل الأحر .. للمعلومية هذا المكان اللي راح يوضع فيه اسم القسم

طيب الحين روح إلى save for web

http://www.fox84.org/dros/pro/d1/13.gif

راح تفتحلنا نافذة التحكم في دقة الصور وحجمها كذلك

http://www.fox84.org/dros/pro/d1/14.gif

بعد ما تخلص اضغط على
save

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

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

forumhome_forumbit_level1_nopost

إلى ذلك الحين لكم تحياتي ولا تنسوني ووالدي من صالح دعائكم

محبكم فوكس

أسامة الهادى
25-07-2006, 07:28 PM
بدايه موفقه إن شاء الله
منتظرين البقيه

فـــوكـــس
25-07-2006, 07:34 PM
تسلم أخوي على ردك ومرورك

windy
26-07-2006, 04:04 AM
السلا م عليكم ورحمة الله وبركاته

يعطيك العافيه اخي فوكس

عندي كم سؤال

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

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


وكمان الباترن دورت عليه ما حصلته في المرفقات


يعطيك العافيه استأذي

وان شاءالله اكون من المنتظمين معاك


دمت بود

اختك

ونوودة:cool:

ممالك
28-07-2006, 01:04 PM
ألف ألف شكر اخوي فوكس
ايه نبغى اشياء جديدة في تصميم الاستايلات ملينا من المعتاد كلها مثل بعض :)

<<< ماسك الفوتوشوب و بيشتغل معاك خطوة خطوة
الحمد لله معرفة في الفوتوشوب جديدة لغة html الفرنت بيج وكم برنامج مش بطالين :)

انتظر اكمال ادرس على احر من الجمر

عبدالله الحصان
29-07-2006, 06:22 PM
تسلم يا بطل

ننتظر التكملة :)

طائر الليل الحزين
03-08-2006, 12:54 PM
بالتوفيق للجميع

قرقور
03-08-2006, 10:04 PM
ماشاء الله عليك اخي تسلم يدك على الشغل 100% بنتظار جديدك يامبدع

مشـ1ري
04-08-2006, 05:44 PM
يعطيك العافيه فوكس ,,

متابع يابعدي ,,

glal roshdy
02-04-2007, 01:51 PM
حبيب قلبى .. معجب بشرحك .. ولكن المشكلة إن الصور التوضيحية لا تظهر !!
أريد أن أستفيد من الشرح خاصة أنى مبتدىء فى مجال الأنترنت !!