حلم إنسان
24-09-2007, 01:51 مساءً
السلامـ عليكمـ ورحمة الله وبركاتهـ
درس عمل إستايل إحترافي بالاطراف
شرح اخوكم حلم إنسان
بسم الله نبدأ
أولاً
شد حزامك وتوكل على الله وكل شي راح يكون سهل بإذن الله
أكيد في البدايه لابد تكون تعرفتصمم على الفوتوشب
ونفسك تسوي التصميم إستايل
هات تصميمك وتعال نتعلم
ولا التصميم جاهز نتعلم عليه أول
http://7lm-en.com/style/h.gif
ما شاء الله شكله حلو
لازم نقوم بتقسيم الاستايل
نروح نضغط على أداة الشرائح
http://7lm-en.com/style/hh.gif
وعلى التصميم وكلك يمين
http://7lm-en.com/style/h1.gif
تقسيم الشريحة
راح تطلع معنا التقسيمات
نختار كما في الصور
والمهم هو الرقمين 3 و 5
والارقام الي تحت ما نغير فيها شي
لانها تتغير تلقائيان
ركز معي حط رقم 3 ورقم 5 بس
http://7lm-en.com/style/h2.gif
نضغط على موافق وارح يطلع معنا هذا الشكل
http://7lm-en.com/style/h3.gif
ثم نقوم بسحب التقسيمات كما هو موضح في الصوره في الاسفل
http://7lm-en.com/style/5.gif
الناتج بعد السحب
http://7lm-en.com/style/h4.gif
الان الصوره مقسمه من 1 الى 15 شريحه راح نوضح الغرض منها
التوضيح لليمين واليسار بالنسبه لك وانت تقرأ الموضوع
1- زاويه يسار
2- صوره يسار
3- تمدد الهيجر
4- صوره يمين
5- زاويه يمين
6- تمدد وسط يسار
7 و 8 و9 لا نحتاجها
10- تمدد وسط يمين
11- زاويه سفليه يسار
12 صورة سفليه يسار
13- تمدد الفوتر
14- صورة سفليه يمين
15- زاويه سفليه يمين
=====
صورة توضيحيه أخرى
http://7lm-en.com/style/h6.gif
الان نحفظ العمل بهذه الصيغه (حفظ للويب)
http://7lm-en.com/style/h7.gif
يجب أن يتم الحفظ بالحروف الانجليزيه
http://7lm-en.com/style/h8.gif
سيتم حفظ الصور في ملف مسمى ((صور)) لن الفوتوشوب الذي تم إستخدامه عربيhttp://7lm-en.com/style/h9.gif
أما اذا كان إنجليزي سيسمى image
لذالك نتوقم بتغيير أسم المجلد الى اي اسم بشرط يكون إنقليزي
وليكون www.7lm-en.com (http://www.7lm-en.com/)
إنتهينا من التقطيع الان نذهب الى
###الفرنت بيج###
ونفتح صفحة جديده
ثم نختار من الاسفل
http://7lm-en.com/style/hh1.gif
سيضهر لنا كما في الصورة
http://7lm-en.com/style/hh11.gif
نقوم بمسح كل ما بها
من أكواد
ثم من الاسفل نختار تصميم
http://7lm-en.com/style/hh6.gif
نجي على الصفحة وكلك يمين
http://7lm-en.com/style/gg6.gif
http://7lm-en.com/style/hj6.gif
وكما في الصورة السابقه نختار من اليمين الى اليسار ثم موافق
من الاعلى نضغط على ايقونة إدارج جدول
ونختار المقاس 3*3
http://7lm-en.com/style/hh7.gif
راح يضهر بهذا الشكل
http://7lm-en.com/style/hhh8.gif
الان كلك يمين ثم خصائص الجدول
http://7lm-en.com/style/hk1.gif
ثم لاحض التغيرات الضروريه في الصوره
http://7lm-en.com/style/gg4.gif
الناتج
http://7lm-en.com/style/hhh1.gif
نقوم بعد ذلك بتركيب الصور (( الزوايا فقط الان))
كلك داخل الخليه اليمنى ثم إدارج صوره عن طرق هذه الايقونه http://7lm-en.com/style/ff.gif
وكذلك باقي الزوايا
والناتج
http://7lm-en.com/style/dd.gif
ثم نقوم بعملية الشد الى اليمين والى اليسار كما موضح على الاقواس في الصوره التاليه الى النهايه
http://7lm-en.com/style/eer.gif
وسيظهر بهذا الشكل
http://7lm-en.com/style/eerrr.gif
الان نأتي الى عملية التمدد وستكون في الجزء الاعلى والاسفل والجزئين الاوسطين الذين على اليمين والشمال
كما وضحنا في التقطيع في الاعلى صور التمدد
طريقة عملية التمدد نضع المواس داخل الجزء الاعلى اولا
ثم كلك يمين ثم خصائص الخليه ونتبع الصورة
http://7lm-en.com/style/sd.gif
ثم بعد ذالك الناتج
http://7lm-en.com/style/rt.gif
نضع الماوس بعد ذالك في الجزء العلوي في الوسط وهو منطقة الهيدر
ثم كلك يمين
ثم تقسيم الخليه الى 3 اقسام
وكذالك في الجزء السفلي وهو منطقة الفوتر
http://7lm-en.com/style/we.gif
الناتج
http://7lm-en.com/style/sfg.gif
الان نضع الصور التجميليه المتبقيه في الفوتر وفي الهيدر جهة اليمين واليسار
وأيضا نستطيع وضع صوره تجميليه في الوسط ولكن حسب التصميم
طريقة وضع الصور كما فعلنا في صور الزوايا
وستظهر بهذا الشكل بعد تركيبها
http://7lm-en.com/style/hkl.gif
نلاحض أن الصور غير مرتبه وهذه من أهم الخطوات
نضغط على الصور التى في الاعلى يمين بالمواس تضهر بهذا الشكل
http://7lm-en.com/style/cv.gif
الان نعمل لها محاذاة لجهة اليمين
http://7lm-en.com/style/bn.gif
ثم على نفس الصورة نضغط كلك يمين نختار خصائص الصورة
http://7lm-en.com/style/as.gif
ثم بعد ذالك نغير رقم 3 الى صفر فقط
http://7lm-en.com/style/asd.gif
ثم نكرر العمليه على باقي الصور الاربع
ولكن التى في جهة اليسار نعطيها محاذاة الى اليسار
وسنخرج بهذه الصوره المرتبه
http://7lm-en.com/style/bnm.gif
بقي لنا الان فقط التركيب على الاستايل
لكي يتم التركيب بالطريقه الصحيحه للذي يعمل استايل باطراف لاول مره
نضع المواس في الوسط في المنطقه البيضاء وأكتب اسمك ياطويل العمر
كما في الصوره وسنعرف السبب لذالك
http://7lm-en.com/style/bvn.gif
شوف اسمي في الوسط الغرض من ذالك لكي نعرف منطقة الهيدر والفوتر
الان نذهب الى التعليمات البرمجيه
قبل لانروح نقوم بحفض الصفح على سطح المكتب حتى تكون امتداد الصور على الملف حق الاستايل مو على سطح المكتب
بعد الحفظ ما راح نحتاج الصفحة للي حفضنها
الان نذهب الى التعليمات البرمجيه
http://7lm-en.com/style/yu.gif
طبعا انا لونتها بلونين اللون الاول الي قبل حلم إنسان هذا هو الهيدر
والون الثاني اللي بعد حلم إنسان هذا هو الفوتر
عشان كذا كتبنا حلم إنسان في الوسط
الان ننسخ الجزء العلوي ونروح
على الاستايل من الاستايلات في المنتدى نختار الاستايل وليكون الافتراضي
ونختار header ونمسح كل اللي موجود فيه ونترك اللي في الاخر وهو
$spacer_open
$_phpinclude_output
قبل هذه الجمله في الهيدر
نضع ما نسخناه من الفرنت بيج
ثم نذهب الى footer
ونذهب اخره راح نجد جمله
//-->
نضع بعدها ما نسخناه من الفرنت بيج وهو الجزء الخاص بالفوتر
وراح يطلع الاستايل بهذا الشكل
صورة للجزء العلوي
http://7lm-en.com/style/gkll.gif
صورة للجزء السفلي
http://7lm-en.com/style/rghh.gif
وفي الاخير اللهم إني إذا اصبت فهو منك وإذا أخطئة فهو من نفسي
الموضوع الاصلي
http://www.7lm-en.com/vb/showthread.php?p=22376#post22376
درس عمل إستايل إحترافي بالاطراف
شرح اخوكم حلم إنسان
بسم الله نبدأ
أولاً
شد حزامك وتوكل على الله وكل شي راح يكون سهل بإذن الله
أكيد في البدايه لابد تكون تعرفتصمم على الفوتوشب
ونفسك تسوي التصميم إستايل
هات تصميمك وتعال نتعلم
ولا التصميم جاهز نتعلم عليه أول
http://7lm-en.com/style/h.gif
ما شاء الله شكله حلو
لازم نقوم بتقسيم الاستايل
نروح نضغط على أداة الشرائح
http://7lm-en.com/style/hh.gif
وعلى التصميم وكلك يمين
http://7lm-en.com/style/h1.gif
تقسيم الشريحة
راح تطلع معنا التقسيمات
نختار كما في الصور
والمهم هو الرقمين 3 و 5
والارقام الي تحت ما نغير فيها شي
لانها تتغير تلقائيان
ركز معي حط رقم 3 ورقم 5 بس
http://7lm-en.com/style/h2.gif
نضغط على موافق وارح يطلع معنا هذا الشكل
http://7lm-en.com/style/h3.gif
ثم نقوم بسحب التقسيمات كما هو موضح في الصوره في الاسفل
http://7lm-en.com/style/5.gif
الناتج بعد السحب
http://7lm-en.com/style/h4.gif
الان الصوره مقسمه من 1 الى 15 شريحه راح نوضح الغرض منها
التوضيح لليمين واليسار بالنسبه لك وانت تقرأ الموضوع
1- زاويه يسار
2- صوره يسار
3- تمدد الهيجر
4- صوره يمين
5- زاويه يمين
6- تمدد وسط يسار
7 و 8 و9 لا نحتاجها
10- تمدد وسط يمين
11- زاويه سفليه يسار
12 صورة سفليه يسار
13- تمدد الفوتر
14- صورة سفليه يمين
15- زاويه سفليه يمين
=====
صورة توضيحيه أخرى
http://7lm-en.com/style/h6.gif
الان نحفظ العمل بهذه الصيغه (حفظ للويب)
http://7lm-en.com/style/h7.gif
يجب أن يتم الحفظ بالحروف الانجليزيه
http://7lm-en.com/style/h8.gif
سيتم حفظ الصور في ملف مسمى ((صور)) لن الفوتوشوب الذي تم إستخدامه عربيhttp://7lm-en.com/style/h9.gif
أما اذا كان إنجليزي سيسمى image
لذالك نتوقم بتغيير أسم المجلد الى اي اسم بشرط يكون إنقليزي
وليكون www.7lm-en.com (http://www.7lm-en.com/)
إنتهينا من التقطيع الان نذهب الى
###الفرنت بيج###
ونفتح صفحة جديده
ثم نختار من الاسفل
http://7lm-en.com/style/hh1.gif
سيضهر لنا كما في الصورة
http://7lm-en.com/style/hh11.gif
نقوم بمسح كل ما بها
من أكواد
ثم من الاسفل نختار تصميم
http://7lm-en.com/style/hh6.gif
نجي على الصفحة وكلك يمين
http://7lm-en.com/style/gg6.gif
http://7lm-en.com/style/hj6.gif
وكما في الصورة السابقه نختار من اليمين الى اليسار ثم موافق
من الاعلى نضغط على ايقونة إدارج جدول
ونختار المقاس 3*3
http://7lm-en.com/style/hh7.gif
راح يضهر بهذا الشكل
http://7lm-en.com/style/hhh8.gif
الان كلك يمين ثم خصائص الجدول
http://7lm-en.com/style/hk1.gif
ثم لاحض التغيرات الضروريه في الصوره
http://7lm-en.com/style/gg4.gif
الناتج
http://7lm-en.com/style/hhh1.gif
نقوم بعد ذلك بتركيب الصور (( الزوايا فقط الان))
كلك داخل الخليه اليمنى ثم إدارج صوره عن طرق هذه الايقونه http://7lm-en.com/style/ff.gif
وكذلك باقي الزوايا
والناتج
http://7lm-en.com/style/dd.gif
ثم نقوم بعملية الشد الى اليمين والى اليسار كما موضح على الاقواس في الصوره التاليه الى النهايه
http://7lm-en.com/style/eer.gif
وسيظهر بهذا الشكل
http://7lm-en.com/style/eerrr.gif
الان نأتي الى عملية التمدد وستكون في الجزء الاعلى والاسفل والجزئين الاوسطين الذين على اليمين والشمال
كما وضحنا في التقطيع في الاعلى صور التمدد
طريقة عملية التمدد نضع المواس داخل الجزء الاعلى اولا
ثم كلك يمين ثم خصائص الخليه ونتبع الصورة
http://7lm-en.com/style/sd.gif
ثم بعد ذالك الناتج
http://7lm-en.com/style/rt.gif
نضع الماوس بعد ذالك في الجزء العلوي في الوسط وهو منطقة الهيدر
ثم كلك يمين
ثم تقسيم الخليه الى 3 اقسام
وكذالك في الجزء السفلي وهو منطقة الفوتر
http://7lm-en.com/style/we.gif
الناتج
http://7lm-en.com/style/sfg.gif
الان نضع الصور التجميليه المتبقيه في الفوتر وفي الهيدر جهة اليمين واليسار
وأيضا نستطيع وضع صوره تجميليه في الوسط ولكن حسب التصميم
طريقة وضع الصور كما فعلنا في صور الزوايا
وستظهر بهذا الشكل بعد تركيبها
http://7lm-en.com/style/hkl.gif
نلاحض أن الصور غير مرتبه وهذه من أهم الخطوات
نضغط على الصور التى في الاعلى يمين بالمواس تضهر بهذا الشكل
http://7lm-en.com/style/cv.gif
الان نعمل لها محاذاة لجهة اليمين
http://7lm-en.com/style/bn.gif
ثم على نفس الصورة نضغط كلك يمين نختار خصائص الصورة
http://7lm-en.com/style/as.gif
ثم بعد ذالك نغير رقم 3 الى صفر فقط
http://7lm-en.com/style/asd.gif
ثم نكرر العمليه على باقي الصور الاربع
ولكن التى في جهة اليسار نعطيها محاذاة الى اليسار
وسنخرج بهذه الصوره المرتبه
http://7lm-en.com/style/bnm.gif
بقي لنا الان فقط التركيب على الاستايل
لكي يتم التركيب بالطريقه الصحيحه للذي يعمل استايل باطراف لاول مره
نضع المواس في الوسط في المنطقه البيضاء وأكتب اسمك ياطويل العمر
كما في الصوره وسنعرف السبب لذالك
http://7lm-en.com/style/bvn.gif
شوف اسمي في الوسط الغرض من ذالك لكي نعرف منطقة الهيدر والفوتر
الان نذهب الى التعليمات البرمجيه
قبل لانروح نقوم بحفض الصفح على سطح المكتب حتى تكون امتداد الصور على الملف حق الاستايل مو على سطح المكتب
بعد الحفظ ما راح نحتاج الصفحة للي حفضنها
الان نذهب الى التعليمات البرمجيه
http://7lm-en.com/style/yu.gif
طبعا انا لونتها بلونين اللون الاول الي قبل حلم إنسان هذا هو الهيدر
والون الثاني اللي بعد حلم إنسان هذا هو الفوتر
عشان كذا كتبنا حلم إنسان في الوسط
الان ننسخ الجزء العلوي ونروح
على الاستايل من الاستايلات في المنتدى نختار الاستايل وليكون الافتراضي
ونختار header ونمسح كل اللي موجود فيه ونترك اللي في الاخر وهو
$spacer_open
$_phpinclude_output
قبل هذه الجمله في الهيدر
نضع ما نسخناه من الفرنت بيج
ثم نذهب الى footer
ونذهب اخره راح نجد جمله
//-->
نضع بعدها ما نسخناه من الفرنت بيج وهو الجزء الخاص بالفوتر
وراح يطلع الاستايل بهذا الشكل
صورة للجزء العلوي
http://7lm-en.com/style/gkll.gif
صورة للجزء السفلي
http://7lm-en.com/style/rghh.gif
وفي الاخير اللهم إني إذا اصبت فهو منك وإذا أخطئة فهو من نفسي
الموضوع الاصلي
http://www.7lm-en.com/vb/showthread.php?p=22376#post22376