الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   قسم المنتديات (http://www.arabwebtalk.com/forumdisplay.php?f=112)
-   -   مجموعة صور مفرغة لزوم الاطارات الرباعية. مع شرح التركيب (http://www.arabwebtalk.com/showthread.php?t=142385)

amorsey 24-07-2010 09:48 AM

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


عند اخراج هذا الاطار من الفوتوشوب . لا بد من تقطيعه اولا الى ثمانية صور منفصلين.
كما بالصورة.


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

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

راح يتظبط ان شاء الله.
ملف صور الاطارات
تحميله من هناااااااااا

اتمنى ان ارى تطبيقات لهذه الاطارات.
و شكرا لكم

webmasr.net 01-09-2010 07:15 PM

مشكوررررررررر


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 12:27 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012