تجميل معلومات العضور فى البوست ليجاسى و تأطيرها

[loulou ange]

http://www.dzbatna.com/images/icons/iconrote.gif طھط¬ظ…ظٹظ„ ظ…ط¹ظ„ظˆظ…ط§طھ ط§ظ„ط¹ط¶ظˆط± ظپظ‰ ط§ظ„ط¨ظˆط³طھ ظ„ظٹط¬ط§ط³ظ‰ ظˆ طھط£ط·ظٹط±ظ‡ط§ (http://www.dzbatna.com/t1289598/)



الســـلام عليكم و رحمة الله و بركاتـــه

أخوانى أعضاء و مشرفين و ادارة هذا الصرح العظيم

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

أحب أولا ان اعرض الناتج النهائى للدرس مفصل ://

http://upload.dzbatna.net/upfiles/jWr92565.gif

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

قالب template البوست ليجاسى عندهم

بسمــ الله نبدأ ://

1- نفتح عمل جديد فوتوشوب أى طول و عرض : 222 ويفضل مثل الصورة

http://upload.dzbatna.net/upfiles/GVa91331.gif

2- نقم بتصميم شكل مثل اللى بالصورة و كل فرد و ذوقه و خبرته بالفوتوشوب

http://upload.dzbatna.net/upfiles/TnM91376.gif

3- الحين راح نقطع التصميم هذا نختار اداة slice tool .

http://upload.dzbatna.net/upfiles/JAq91397.gif

4- هنقطع الشكل اللى صممناه الى 3 أجزاء
(1) صورة علوية ، (2) تمدد أو خلفية التصميم ، (3) صورة سفلية .:

http://upload.dzbatna.net/upfiles/o3391413.gif

5- الحين جاء وقت حفظ التصميم اللى صممناه و قطعناه file >>> save for web

http://upload.dzbatna.net/upfiles/cSx91434.gif

6- هتظهر لنا معاينة التقطيع نضغط على save ستظهر لنا نافذة نختار منها images only
ثم نضغط save

http://upload.dzbatna.net/upfiles/wVF91489.gif

7- الحين نروح ع الفرونت بيج و نمسح اللى فيه و نذهب الى تصميم و نعمل جدول 3 × 1 :

http://upload.dzbatna.net/upfiles/KQ591510.gif

8- ظهر لنا الجدول الحين نضغط كلك يمين و نختار ( خصائص الجدول ) table properties

http://upload.dzbatna.net/upfiles/E6I91532.gif




9- نطبق الاعدادات مثل الصورة التالية

http://upload.dzbatna.net/upfiles/hFE91588.gif

الجدول الجديد راح يكون بهالشكل :

http://upload.dzbatna.net/upfiles/vCZ93276.gif

تمام الحين نكمل ///

10- احنا الحين عندنا جدول به 3 خانات ( مستطيلات )
نروح نضغط ونضع الماوس فى الخانة العليا ( الاولى )
ونضيف الصورة العلوية (1)

http://upload.dzbatna.net/upfiles/fSc91684.gif

11- بعدها نضغط فى الخانة 3 السفلى ونضيف الصورة السفلية (3)

http://upload.dzbatna.net/upfiles/C7h91697.gif

12- الحين نضغط بالماوس فى الخانة الوسطى و نضغط كلك يمين ونختار ( خصائص الخلية )
cell properties

http://upload.dzbatna.net/upfiles/4gt91718.gif

13- و نختار browse لاختيار خلفية

http://upload.dzbatna.net/upfiles/Bw991843.gif

14- الحين نختار خلفية التمدد (2)

http://upload.dzbatna.net/upfiles/fEi91759.gif

15- الحين بهذ الشكل اصبح الجدول نضغط توسيط فى الخانة الوسطى

http://upload.dzbatna.net/upfiles/31R91870.gif

16- الحين نبى التركيز هذا مغزى الدرس مفصل
نذهب الى لوحة التحكم فى المنتدى forum و نختار الاستايل style المراد العمل عليه و نبحث عن قالب template
postbit_legacy
نبحث فى القالب template عن <div id=&quot;postmenu_$post[postid]&quot;>
نظلل من هذا الكود code لحد ما نوصل قبل <if condition=&quot;$show['moderated']&quot;>

مع عدم تظليل <if condition=&quot;$show['moderated']&quot;> ( هام )

الصورة توضح ://

http://upload.dzbatna.net/upfiles/SGh91906.gif

ملحوظة الكود code اللى هنظلله راح يختلف من قالب template بوست ليجاسى لآخر

بعد ما نظلل و نضبط نآخد التظليل ( cut ) نسخ و مسح

17- نرجع تانى للفرونت بيج ونضغط على ( تعليمات برمجية ) code :/

http://upload.dzbatna.net/upfiles/QCF91928.gif

18- الحين الجزء اللى قصناه من البوست ليجاسى نضعه فى المكان المحدد فى الصورة

http://upload.dzbatna.net/upfiles/G9v91943.gif

19- الحين نغير مسار الصور بدلا من مثلا
file:///C:/Documents%20and%20Settings/ahmed/Desktop/images/postimages_01.gif

نجعلها xxx/postimages_01.gif
على ان يكون xxx هو مجلد الاستايل style

20- الحين نذهب للبوست بت ليجاسى للاستايل style مرة أخرى ونبحث عن <if condition=&quot;$show['moderated']&quot;>

نضيف فوقه الكود code اللى صممناه بالفرونت بيج

الحين نختم العمل برفع الصور الثلاث الى مجلد الاستايل style xxx

انتهى الشرح طريقة ///

لاتنسونا من الدعاء

تحياتى




التعديل الأخير كان بواسطة ahlanas; 11 - 08 - 2014 الساعة 16:02

ألعاب الأندرويد مجانا و حصريا (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)©