| |||||||
درس عمل إستايل إحترافي بالاطراف
السلامـ عليكمـ ورحمة الله وبركاتهـ درس عمل إستايل إحترافي بالاطراف بسم الله نبدأ أولاً شد حزامك وتوكل على الله وكل
 |
| | LinkBack | أدوات الموضوع | انواع عرض الموضوع |
27-09-2007, 05:43 PM
| رقم المشاركة : 1 | |
|  درس عمل إستايل إحترافي بالاطراف السلامـ عليكمـ ورحمة الله وبركاتهـ بسم الله نبدأ أولاً شد حزامك وتوكل على الله وكل شي راح يكون سهل بإذن الله أكيد في البدايه لابد تكون تعرف تصمم على الفوتوشب ونفسك تسوي التصميم إستايل هات تصميمك وتعال نتعلم ولا التصميم جاهز نتعلم عليه أول  ما شاء الله شكله حلو لازم نقوم بتقسيم الاستايل نروح نضغط على أداة الشرائح  وعلى التصميم وكلك يمين http://7lm-en.com/style/h1.gif تقسيم الشريحة راح تطلع معنا التقسيمات نختار كما في الصور والمهم هو الرقمين 3 و 5 والارقام الي تحت ما نغير فيها شي لانها تتغير تلقائيان ركز معي حط رقم 3 ورقم 5 بس  نضغط على موافق وارح يطلع معنا هذا الشكل  ثم نقوم بسحب التقسيمات كما هو موضح في الصوره في الاسفل  الناتج بعد السحب  الان الصوره مقسمه من 1 الى 15 شريحه راح نوضح الغرض منها التوضيح لليمين واليسار بالنسبه لك وانت تقرأ الموضوع 1- زاويه يسار 2- صوره يسار 3- تمدد الهيجر 4- صوره يمين 5- زاويه يمين 6- تمدد وسط يسار 7 و 8 و9 لا نحتاجها 10- تمدد وسط يمين 11- زاويه سفليه يسار 12 صورة سفليه يسار 13- تمدد الفوتر 14- صورة سفليه يمين 15- زاويه سفليه يمين ===== صورة توضيحيه أخرى  الان نحفظ العمل بهذه الصيغه (حفظ للويب)  يجب أن يتم الحفظ بالحروف الانجليزيه  سيتم حفظ الصور في ملف مسمى ((صور)) لن الفوتوشوب الذي تم إستخدامه عربي أما اذا كان إنجليزي سيسمى image لذالك نتوقم بتغيير أسم المجلد الى اي اسم بشرط يكون إنقليزي وليكون www.7lm-en.com إنتهينا من التقطيع الان نذهب الى ###الفرنت بيج### ونفتح صفحة جديده ثم نختار من الاسفل  سيضهر لنا كما في الصورة  نقوم بمسح كل ما بها من أكواد ثم من الاسفل نختار تصميم نجي على الصفحة وكلك يمين   وكما في الصورة السابقه نختار من اليمين الى اليسار ثم موافق من الاعلى نضغط على ايقونة إدارج جدول ونختار المقاس 3*3  راح يضهر بهذا الشكل  الان كلك يمين ثم خصائص الجدول  ثم لاحض التغيرات الضروريه في الصوره  الناتج  نقوم بعد ذلك بتركيب الصور (( الزوايا فقط الان)) كلك داخل الخليه اليمنى ثم إدارج صوره عن طرق هذه الايقونه  وكذلك باقي الزوايا والناتج  ثم نقوم بعملية الشد الى اليمين والى اليسار كما موضح على الاقواس في الصوره التاليه الى النهايه  وسيظهر بهذا الشكل  الان نأتي الى عملية التمدد وستكون في الجزء الاعلى والاسفل والجزئين الاوسطين الذين على اليمين والشمال كما وضحنا في التقطيع في الاعلى صور التمدد طريقة عملية التمدد نضع المواس داخل الجزء الاعلى اولا ثم كلك يمين ثم خصائص الخليه ونتبع الصورة  ثم بعد ذالك الناتج  نضع الماوس بعد ذالك في الجزء العلوي في الوسط وهو منطقة الهيدر ثم كلك يمين ثم تقسيم الخليه الى 3 اقسام وكذالك في الجزء السفلي وهو منطقة الفوتر  الناتج  الان نضع الصور التجميليه المتبقيه في الفوتر وفي الهيدر جهة اليمين واليسار وأيضا نستطيع وضع صوره تجميليه في الوسط ولكن حسب التصميم طريقة وضع الصور كما فعلنا في صور الزوايا وستظهر بهذا الشكل بعد تركيبها  نلاحض أن الصور غير مرتبه وهذه من أهم الخطوات نضغط على الصور التى في الاعلى يمين بالمواس تضهر بهذا الشكل  الان نعمل لها محاذاة لجهة اليمين  ثم على نفس الصورة نضغط كلك يمين نختار خصائص الصورة  ثم بعد ذالك نغير رقم 3 الى صفر فقط  ثم نكرر العمليه على باقي الصور الاربع ولكن التى في جهة اليسار نعطيها محاذاة الى اليسار وسنخرج بهذه الصوره المرتبه  بقي لنا الان فقط التركيب على الاستايل لكي يتم التركيب بالطريقه الصحيحه للذي يعمل استايل باطراف لاول مره نضع المواس في الوسط في المنطقه البيضاء وأكتب اسمك ياطويل العمر كما في الصوره وسنعرف السبب لذالك  شوف اسمي في الوسط الغرض من ذالك لكي نعرف منطقة الهيدر والفوتر الان نذهب الى التعليمات البرمجيه قبل لانروح نقوم بحفض الصفح على سطح المكتب حتى تكون امتداد الصور على الملف حق الاستايل مو على سطح المكتب بعد الحفظ ما راح نحتاج الصفحة للي حفضنها الان نذهب الى التعليمات البرمجيه  طبعا انا لونتها بلونين اللون الاول الي قبل حلم إنسان هذا هو الهيدر والون الثاني اللي بعد حلم إنسان هذا هو الفوتر عشان كذا كتبنا حلم إنسان في الوسط الان ننسخ الجزء العلوي ونروح على الاستايل من الاستايلات في المنتدى نختار الاستايل وليكون الافتراضي ونختار header ونمسح كل اللي موجود فيه ونترك اللي في الاخر وهو $spacer_open $_phpinclude_output قبل هذه الجمله في الهيدر نضع ما نسخناه من الفرنت بيج ثم نذهب الى footer ونذهب اخره راح نجد جمله //--> *********** نضع بعدها ما نسخناه من الفرنت بيج وهو الجزء الخاص بالفوتر وراح يطلع الاستايل بهذا الشكل صورة للجزء العلوي  صورة للجزء السفلي  و هذا رابط خاص للشرح لمن لم تظهر له الصورة http://www.7lm-en.com/style.htm مثلا على الاستايل http://www.7lm-en.com/vb/?styleid=107 وفي الاخير اللهم إني إذا اصبت فهو منك وإذا أخطئة فهو من نفسي
آخر تعديل MaesTrOoOo يوم 05-02-2008 في 07:48 PM. | |
 |
|
27-09-2007, 07:47 PM
| رقم المشاركة : 2 | |
|
| مـآفي صـور يـآغـآلي تأكد من الروـآبط :)
| |
| |
|
29-09-2007, 09:32 PM
| رقم المشاركة : 5 | |
|
| وعليكم السلام
| |
| |
|
29-09-2007, 10:04 PM
| رقم المشاركة : 6 | |
|
| سلمت ياذيب ,,
| |
| |
|
24-10-2007, 09:23 PM
| رقم المشاركة : 10 | |
|
| اخوي الشرح من البدايه اوكيك بس التقطيع ينتج صور كبيرة يعني بتزيد مساحة الصور مما يؤدي الى بطئ التصفح
| |
| |
|
| مواقع النشر (المفضلة) |
« شرح تصميم ايقونات وأزرار المنتدى لتتوافق مع الاستايل || درس بالفيديو
|
شرح وضع خلفية في الاطراف الى الاستايل الغير متمدد »
| أدوات الموضوع | |
| انواع عرض الموضوع | |
العرض العادي
| |
الساعة الآن 08:36 AM
| |
