تأطير قالب template الملاحظات Notics التقطيع بالصور

[romaissa]

http://www.dzbatna.com/images/icons/iconrote.gif طھط£ط·ظٹط± ظ‚ط§ظ„ط¨ ط§ظ„ظ…ظ„ط§ط*ط¸ط§طھ Notices ط§ظ„طھظ‚ط·ظٹط¹ ط¨ط§ظ„طµظˆط± (http://www.dzbatna.com/t1012854/)




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

هذا الشرح طريقة مقدم من أسرة منتديات العســـ زي ـــل لأحبائها أعضاء منتديات ديزاد باتنة الأفاضل

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

قبل أن نبدأ ملف الصور مرفوع هنا في حال تم حذفها

تحميــــــل (http://www.ziddu.com/download/2461458/shar7.rar.html)

بسم الله نبدأ على مرحلتين بالموضوع هاذ

مرحلة التقطيع والتركيب install على الفرنت بيج

في الصورة أسفل تصميم جاهز عبر الفوتوشوب وتم تقطيع الشكل
المنطقة 06 و 20 نقاط تمدد علوية وسفلية لاحظ التناسق بين كل حد في كل قطعة مهم جدا

http://upload.dzbatna.net/upfiles/28s40351.jpg (http://www.z-3sl.com/)

وهذي صورة تقريبية توضح الخلايا الجانبية
الخلايا 13 و 14 نقاط تمدد عامودية

http://upload.dzbatna.net/upfiles/LGU40455.jpg (http://www.z-3sl.com/)


وهنا الجاني الأيسر من التصميم 12 و 16 مناطق تجميلية

14 منطقة تمدد كما ذكرنا
http://upload.dzbatna.net/upfiles/GCG40492.jpg (http://www.z-3sl.com/)

الحين خلصنا من التوزيع نيجي ونقطع
من برنامج الفوتوشوب نحتار ملف - save for web كما في الشكل

http://upload.dzbatna.net/upfiles/FMW40543.jpg (http://www.z-3sl.com/)

نضغط على save لتظهر القائمة نقوله اوك

http://upload.dzbatna.net/upfiles/SCy40597.jpg (http://www.z-3sl.com/)

الحين تقطعو الصور وصارو بالشكل هاذ

http://upload.dzbatna.net/upfiles/whc40639.jpg (http://www.z-3sl.com/)

نروح للفرنت بيج بعد ما نفتحه - تعليمات برمجية ونحذف ما بداخله ونروح مباشرة على تصميم كما في الشكل

http://upload.dzbatna.net/upfiles/F2940668.jpg (http://www.z-3sl.com/)

على أي مكان بالصفحة اضفط بزر الفارة الأيمن واختار خصائص الصفحة

http://upload.dzbatna.net/upfiles/2kE40695.jpg (http://www.z-3sl.com/)

من خصائص الصفحة اختار اتجاه الخلية ستجده "بلا" اجعله "يمين-يسار" ثم انقر موافق

http://upload.dzbatna.net/upfiles/pwl40730.jpg (http://www.z-3sl.com/)

بعد هيك لازم نتوجه لادراج جدول او نختصر على حالنا ونروح على الايقونة كما في الشكل ونضلل على 4 صفوف و 5 أعمدة

http://upload.dzbatna.net/upfiles/uDU40820.jpg (http://www.z-3sl.com/)

ليصبح الجدول كما في الصورة أسفل
من أي مكان بالجدول كلك يمين بزر الفارة واختار خصائص الجدول

http://upload.dzbatna.net/upfiles/dKF40853.jpg (http://www.z-3sl.com/)

تظهر لنا القائمة التالية قم بتغيير ما يلي كما في الصورة:
المحاذاة : توسيط
نطاق الخلية : 0
المسافة بين الخلايا : 0
الحجم : 0

ومن ثم انقر موافق

http://upload.dzbatna.net/upfiles/jgc40882.jpg (http://www.z-3sl.com/)

هلأ صار لازم ندمج بعض الخلايا اللي ما لنا حاجة فيها كما في الشكل
وانت ضاغط بالماوس مر على الخلايا تتظلل لحالها بعدين كلك يمين على الخلايا المظللة واختار من القائمة دمج الخلايا

http://upload.dzbatna.net/upfiles/jFZ40906.jpg (http://www.z-3sl.com/)

لتصبح هكذا لاحظ الصورة أسفل صار لازم نسحب العمودين الأيمن والأيسر كل واحد باتجاهه

http://upload.dzbatna.net/upfiles/PTJ40939.jpg (http://www.z-3sl.com/)

انظر أسفل

http://upload.dzbatna.net/upfiles/rfd40965.jpg (http://www.z-3sl.com/)

الان سنقوم بوضع نقاط التمدد في الخلايا

بجانب الصف الأول من الجدول عند الخط الأحمر انقر بزر الفأرة لكي يتم تظليل الصف كما في الشكل

http://upload.dzbatna.net/upfiles/sZs41001.jpg (http://www.z-3sl.com/)

وبعدين على المنطقة اللي ظللناها نكبس كلك يمين بالماوس ونختار من القائمة خصائص الخلية

http://upload.dzbatna.net/upfiles/ISq41029.jpg (http://www.z-3sl.com/)

على الخلفية أسفل القائمة على طول نروح على استعراض
ونختار منها نقطة التمدد العلوية لاننا مظللين الصف العلوي ( الأول )

http://upload.dzbatna.net/upfiles/u0O41055.jpg (http://www.z-3sl.com/)

لاحظ في الشكل في الأسفل نقطة التمدد العلوية اللي اخترناها

http://upload.dzbatna.net/upfiles/QE841197.jpg (http://www.z-3sl.com/)

http://upload.dzbatna.net/upfiles/YtD41251.jpg (http://www.z-3sl.com/)

خلصنا من وضع نقطة التمدد في الصف الأول
الآن نيجي ونحط بنفس الطريقة نقطة التمدد للصف الثالث كما في الشكل أسفل
على يمين الجدول في المنطقة المحددة نظلل الصف الثالث ونكبس بيمين الفارة ونختار خصائص الخلية

http://upload.dzbatna.net/upfiles/LLo41282.jpg (http://www.z-3sl.com/)

لاحظ في الصورة اخترنا منطقة التمدد السفلية

http://upload.dzbatna.net/upfiles/bRn41312.jpg (http://www.z-3sl.com/)

الآن خلصنا من نقاط التمدد العلوية والسفلية ضايل عنا نقطتين عموديتين نرجعلهم كمان شوي

الحين ركزو معاي شوي راح نركب سوا زوايا التصميم أولا

نروح على الخلية الأولى على اليمين نحط مؤشر الماوس فيها ونروح على ادراج صورة كما في الشكل

http://upload.dzbatna.net/upfiles/UEX41357.jpg (http://www.z-3sl.com/)

ستظهر لنا قائمة نروح لمسار الصور الي قطعناهم
ونختار زاوية اليمين العلوية لاننا بالخلية اليمين بالصف الأول

http://upload.dzbatna.net/upfiles/MQH41392.jpg (http://www.z-3sl.com/)


لاحظ منطقة التمدد ظهرت وشكل الصورة الأولى

http://upload.dzbatna.net/upfiles/JlK41543.jpg (http://www.z-3sl.com/)

وبنفس الطريقة بنروح بنضيف الصور في الزوايا الثلاث كما في الأسفل

http://upload.dzbatna.net/upfiles/CQg41570.jpg (http://www.z-3sl.com/)

لاحظنا بالصورة فوق انه الزوايا يوجد فيها فراغات نقوم بشد اطراف الجدول كما في الشكل

http://upload.dzbatna.net/upfiles/SnC41667.jpg (http://www.z-3sl.com/)

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

http://upload.dzbatna.net/upfiles/pYj41704.jpg (http://www.z-3sl.com/)




من اسفل اللوحة نختار الخلفية ونحدد الصورة كما في الشكل ( نقطة التمدد العمودية لليمين )

http://upload.dzbatna.net/upfiles/0EY41734.jpg (http://www.z-3sl.com/)

نفس الشي بنظلل بشكل عمودي الخليتين و كبسة يمين بالماوس خصائص الخلية

http://upload.dzbatna.net/upfiles/Zci41780.jpg (http://www.z-3sl.com/)

من خصائص الخلية اسفلها نروح لاستعراض الخلفية ونختار ( نقطة التمدد العامودية لليسار )

http://upload.dzbatna.net/upfiles/HUO41814.jpg (http://www.z-3sl.com/)

الان سنقوم بتركيب install الصور التجميلية في الخلايا المحددة بالأسهم

http://upload.dzbatna.net/upfiles/Wxu41845.jpg (http://www.z-3sl.com/)

انتهينا من تركيب install الصور كل واحدة في مكانها ولكن انظر كيف أصبح الشكل!!!!!

http://upload.dzbatna.net/upfiles/JmW41872.jpg (http://www.z-3sl.com/)

لا تخاف هلأ بنحلها تابع معي الصورة في الأسفل

http://upload.dzbatna.net/upfiles/zlL41900.jpg (http://www.z-3sl.com/)

الصور 1, 2 , 10 , 11
نطبق عليهم ما يلي :
انقر بيمين الماوس على الصورة واختار من القائمة خصائص الصورة كما في الشكل

http://upload.dzbatna.net/upfiles/4A441939.jpg (http://www.z-3sl.com/)

ستظهر لوحة خصائص الصورة نمط الالتفاف فيها "بلا" اجعله كما في الشكل "يمين" ثم انقر موافق

http://upload.dzbatna.net/upfiles/SmW41968.jpg (http://www.z-3sl.com/)

راح يصير في تباعد بالصورة انقر عليها مرة أخرى بزر الماوس الأيمن ولا تخاف واختار خصائص الصورة ستجد أن قيمة التباعد الأفقي أصبحت 3 إجعلها 0 ومن ثم انقر موافق

http://upload.dzbatna.net/upfiles/iyZ42014.jpg (http://www.z-3sl.com/)

طبق ذلك على الصور 1, 2 , 10 , 11 كل صورة لوحدها

************************************************** **********
الان نيجي للصور في الشق الأيسر
الصور 4 , 5 , 13 , 14
انقر بزر الفارة الأيمن على الصورة ومن القائمة اختار خصائص الصورة
اجعل نمط الالتفاف يسار ومن ثم انقر موافق كما في الشكل

http://upload.dzbatna.net/upfiles/YV742051.jpg (http://www.z-3sl.com/)

راح نجد التباعد ظهر حله بسيط

ارجع اضغط على الصورة بزر الماوس الايمين واختار خصائص الصورة مرة أخرى
واجعل التباعد الأفقي قيمته 0

كرر نفس العملية على الصور 4 , 5 , 13 , 14

http://upload.dzbatna.net/upfiles/sPi42081.jpg (http://www.z-3sl.com/)

الان الصورتين 6 , 7
بالنقر بزر الماوس الأيمن عليها اختر خصائص الصورة
واجعل المحاذاة = أعلى ومن ثم موافق
كرر هذه العملية على الصورتين 6 , 7

http://upload.dzbatna.net/upfiles/yWH42109.jpg (http://www.z-3sl.com/)

الان نيجي للصورتين 8 , 9

انقر بزر الماوس الأيمن على أحدهما ومن ثم اختار خصائص الصورة
واجعل المحاذاة = أسفل كما في الشكل ومن ثم انقر موافق

طبق هذا العمل على الصورة الأخرى
http://upload.dzbatna.net/upfiles/JIw42138.jpg (http://www.z-3sl.com/)

آخر صورتين 3 , 12

من خصائص الصورة اجعل المحاذاة = وسط ومن ثم انقر موافق

http://upload.dzbatna.net/upfiles/IhN42163.jpg (http://www.z-3sl.com/)

ليصبح لدينا الشكل النهائي هكذا

http://upload.dzbatna.net/upfiles/BiJ42191.jpg (http://www.z-3sl.com/)





التعديل الأخير كان بواسطة Ahmato Ana; 22 - 10 - 2014 الساعة 07:19

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©