الرئيسية | مركز المعلومات | مركز التحميل | للاعلان في مُطِّورْ | استخدم ختم مطور | قوِ موضوعك هام | وسام مطور جديد | افحص البيج رانك جديد

العودة   مطور , mtwer forum > مطور الدورات المتخصصة > إرشيف الدورات > دورة تصميم ستايلات منتديات الفي بي vBulletin

دورة تصميم ستايلات منتديات الفي بي vBulletin الدورة إنتهت
تضمن لك هذه الدورة أن تتعلم بأسلوب عملي وممتع وسهل الطرق الصحيحة للتمكن من تصميم استايلات منتديات الـ vBulletin بإتقان
ملقي الدورة: [vista-design]


عزيزي المطور ابتعد عن النقل، ولتكن مواضيعك جديدة وقيمة تعبر عن إبداعك وتميزك
موضوع مغلق
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 14-07-2008, 03:47 PM
الصورة الرمزية vista-design
مسؤول قسم الدورات
 
تاريخ التسجيل: 04-05-2008
المشاركات: 1,299
vista-design is on a distinguished road
Arrow الدرس الثانى(2) شرح نقطة التمدد بالتفصيل الممل

الدرس الثانى(2) شرح نقطة التمدد بالتفصيل الممل


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




اليوم درسنا خفيف على القلب خالى من الكوليسترول للى يحبوا يتقنوا استخدام نقطة التمدد


اولا: ما هى نقطة التمدد : هى عبارة عن منطقة فى التصميم, تتمدد بحسب عرض الشاشة حتى يتمدد التصميم بحجم الشاشة بحيث ما يحصل فيه خربطه

سؤال: هل لازم نقطة التمدد فى تصميم الاستايلات

جواب: لا , مو شرط لان هناك نوعين فى تصميم الاستايلات 1- استايلات متمدده 2-استيلات غير متمدده


طب هل معنى ان ذلك ان الاستيلات غير المتمددة راح تكون مشكلة؟

جواب : لا طبعا لاننا بنتفادى هذه النقطة اثناء تصميمنا



المهم نرجع لموضوعنا:

اولا : نقطة التمدد اين يكون مكانها فى التصميم؟

جواب: هذا بيعتمد على نوع التصميم اللى أنت بتسويه وراح نأخذ كم مثال حلوين عشان أوضح كلامى

اولا: اذا كان التصميم بسيط جدا ما فيه اى شىء مجرد لون فقط

فنقطة التمدد تمشى فى اى مكان فى التصميم ,وطبعا يفضل الوسط

ونقطة تمدد واحده تكفى للتصميم

نشوف مثال:





ثانيا: طب نفرض ان تصميمنا مو بسيط , وكان تصميمنا فيه شوية حركات مثلا اى كلمة او صورة


فى هذه الحالة : لازم تكون نقطة التمدد مكانها يتوفر فيه الشروط الاتية:

1- ان يكون مكان نقطة التمدد مكان صافى ما فيه اى شىء ( يعنى لا كلام ولا نقط ولا اى شىء)

2- ان يكون على جانبى نقطة التمدد مباشرة نفس الللون(يعنى اليسار مثلا اليمين)
وانا اقصد اللى بجانب نقطة التمدد مباشرة يعنى مسافة صعغيرة فقط


3- وهذه أهم شىء ان نقطة التمدد تكون فى الوسط بشرط , ان يسار التصميم فيه صوره او كلام او اى شىء, ويمين التصميم كذلك


ما فهمت عليك.....: , اوكى خلونا نشوف هالمثال

فى هالمثال: نقطة تمدد واحدة فقط + فى المنتصف لانه توفرت الشروط اللى فوق



ثالثا: طب فرض ان التصميم كان معقد ( صور يمين وصور يسار وصور بالنص)

جواب: هنا لازم نتوقف شوى,

فى هذه الحالة سنضطر لاستخدام نقطتين تمدد مو واحده .......

طب ليش؟


لان طالما فيه صوره على اليسار وصوره فى الوسط وصورة على اليمين , لازم نضيف نقطة تمدد

1- بين الصورة اللى على اليسار والصورة اللى بالوسط
2- بين الوصرة اللى على اليمين والصورة اللى باللوسط

وطبعا لازم تكون المنطقة اللى فيها نقطة التمدد صافيه ما فيها شىء مثل ما قلنا.........


ودايما تذكر قانون الفيزياء اللى بيقول : كل قوتين متساويتين فى المقدار ,متضادتين فى الاتجاه , محصلتهم تكون صفر.
يعنى بهيك نقطة التمدد اللى على اليسار راح تعاكس اتجاه نقطة التمدد اللى باليمين وبالتالى يظبط التصميم



نشوف مثال:





رابعا: طب ماذا لوكان الاستايل معقد جدا ( كله صور فى صور ولا فيه اى مكان لاضف نقطة تمدد)

جواب: طبعا انا اقصد بالتصميم المعقد , التصميم اللى ما فيه مكان او مكانين يتوفر فيه الشروط الاتيه:

1- انه مش صافى( يعنى منطقة من فوق لتحت نفس الشىء)
2- انه على جانبيها ما فيه تطابق

نشوف مثال:



شوفتوا كيف التعقيد!


طب وشو الحل!!!!!!!



الحل طبعا مع هذا النوع من الاستايلات :

اننا نسويه استايل غير متمدد , لتجنب مشكلة نقطة التمدد




وإالى هنا ينتهى موضوعنا


أتمنى تكونوا فهمتوا الدرس


وطبعا فيه طرق اخرى ان شاء الله راح أتطرق إليها







المطلوب من الاعضاء:

اى تصميم لهيدر وفوتر من تصميمه , ومو شرط مثل المثال اللى شغالين عليه

ويقوم العضو بتقطيعه مع الاشارة الى نقطة التمدد بسهم او شىء

حتى أعرف ان المعلومة وصلت








توقيعى
أسم الشركـــه : فيستا للأستضافة والتصميم
رابط الشركة:www.vistacompany.org
صاحب الشركه : محمد أمين عبد المعبود
أداء الشركـــه :استضافة-تصميم وتطوير المواقع والمنتديات
بريد الشركـــه : admin[at]vistacompany.org
هاتف الشركه : 0020private in email

آخر تعديل بواسطة vista-design ، 26-07-2008 الساعة 03:29 PM


موضوع مغلق

العلامات المرجعية



مواضيع جديدة في قسم دورة تصميم ستايلات منتديات الفي بي vBulletin

أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا يمكنك اضافة مرفقات
لا يمكنك تعديل مشاركاتك

BB code متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس اليوم كيفية صنع أيقونة لموقعك بالتفصيل الممل قموشتي تطوير منتديات الجيل الثالث 3.6 3.7 3.8 18 يوم أمس 01:38 AM
اهم خمسين نقطة لمستخدمي ويندوز اكس بي ( الجزء الثاني ) حسام خضر مطور للأخبار والمعلومات التقنية 4 20-08-2009 12:51 PM
حول الي Utf-8 واطلق لموقعك العنان بالتفصيل الممل سامح المصري مطور التبادل الاعلاني والتجاري 3 14-07-2009 08:53 PM
مناقشة موضوع نقطة التمدد هـــــــنا vista-design دورة تصميم ستايلات منتديات الفي بي vBulletin 56 26-08-2008 01:27 AM
شرح PageRank بالتفصيل الممل ابو جهاد تطوير المواقع 3 11-03-2008 04:46 PM


مساحة إعلانية


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
جميع الأوقات بتوقيت GMT +3. الساعة الآن 07:41 PM.