مجموعة صور مفرغة لزوم الاطارات الرباعية. مع شرح التركيب
السلام عليكم و رحمة الله و بركاته.
اكثر شىء يتعب عند تصميم اى استايل هو الاطار الرباعى. ليس فى تركيبه . لكن فى البحث عن صور تتماشى مع لون خلفية الاستايل . و ضبط هذه الصور و تقطيعها و وضعها على الفرونت . حتى تخرج بالصورة المطلوبة.
لذلك قمت بتصميم بعض الاطارات و تقطيعها بدقة متناهية . و تفريغها من خلفيتها لكى تكون جاهزة للتركيب على اى لون . لان احيانا احب ان اقوم بتغيير لون خلفية الاستايل . و عند تغيير لونها اجد الاستايل خرب من الاطارات التى يكون لون خلفيتها بنفس لون خلفية الاستايل القديمة. فا اضطر الى تفريغ خلفية الاطارات. (شىء متعب) .
و بذلك يكون امامكم اطارات جاهزة للعمل عند تصميم اى استايل. و بالامكان تغيير لون خلفية الاستايل باى وقت دون ان يتأثر فى شىء.
===========================
الاطارات بسيطة نوعا ما . لكنها تقصر علينا الوقت فيما بعد.
طبعا اى اطار رباعى يتكون من اربعة اضلاع . كما بالصورة التالية.
عند اخراج هذا الاطار من الفوتوشوب . لا بد من تقطيعه اولا الى ثمانية صور منفصلين.
كما بالصورة.
هذه طبعا صورة للايضاح فقط.
و بذلك ستجدون بالملف صورة الاطار كاملة و معها ثمانية صور مقطعة و جاهزة للتركيب. و كل مجموعة لها اسم مختلف عن المجموعات الاخرى. نظرا لوجود الصور كلها بملف واحد.
يوجد بالملف 26 اطار.
==================================
ناتى الان لطريقة تركيب الاطار.
بدون تعب و لا اى شىء . انسخ القالب المراد تأطيره و ضعه بالفرونت.
و كمثال سناخذ قالب مأطر تأطير جاهز. و نلصقه بالفرونت . و نقوم بتغيير الصور فقط.
(همسة: لاحظ اننى ساعمل على قالب مأطر قبل ذلك. و احجام الصور مختلفة تماما عن احجام صور الاطار الجديد..... لا يهم . سيتم التظبيط اوتوماتيكيا بمجرد الانتهاء من تغيير كل الصور)
راح نشتغل على قالب forumhome_forumbit_level1_nopost.
مأطر جاهز.
بعد لصق الكود بالفرونت سنجد الصورة الاتية
لاحظ ان الاحجام مختلفة .. لكن اترك الاحجام .
و قم بتغيير الصور تبعا لارقامها.
يعنى الصورة باقصى اليمين ستجدها رقم 3 .
معنى ذلك انك ستاخذ الصورة رقم 3 اللى بالصورة قبل السابقة و تضعها بنفس المكان اللى مكتوب عليه 3 بالصورة السابقة.
و هكذا مع بقية الصور.
طبعا انت بتعمل كليك على الصورة اولا (اى تقوم بتحديدها) ثم تختار من اعلى الفرونت (ادراج صورة) ثم تختار الصورة الجديدة المراد وضعها.
اما الصور ارقام 2 / 4 / 8 / 6
فلا تقم بعمل ادراج . كليك يمين على الخلية . ثم اختار (خصائص الخلية)
ثم قم باختيار الصورة
......................
ملاحظة هامة جدا.
هناك مشكلة كبيرة يصادفها الكثير منا .
و هى بعد تركيب الصور . نجد الاضلاع الجانبية مشوهة على الفاير فوكس.
الحل بسيط.
بنحذف الكود الموجود بالصورة
راح يتظبط ان شاء الله.
ملف صور الاطارات
تحميله من هناااااااااا
اتمنى ان ارى تطبيقات لهذه الاطارات.
و شكرا لكم
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة Abdulrahman Hassoun 
