الدرس مفصل الثاني:عمل مستقيم انتظار (loading) بشكل أفقي متحرك أيميج ريدي

[loulou ange]

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

بدون اطاله مثال على العمل

http://img713.imageshack.us/img713/4757/loadingw.gif

أخواني الكرام هذا مثال ^^^^ وافي على عملنا لتقوم بشيء أحترافي يفيد موقعك مثل رفع ملف أو شيء وشوف اشرح طريقة بالتفصيل الممل على cs5 كيفية عمل مثل هذا الأفقي http://www.dzbatna.com/images/smilies/cupidarrow.gif

الأدوات


http://img52.imageshack.us/img52/1561/87541876.png

http://img689.imageshack.us/img689/4773/58594261.png

انا وضعت الأدوات عشان الي ما بعرف يصمم هذه جاهزه
-
-
-
-

بسم الله نفتح الصورتين


http://img52.imageshack.us/img52/1561/87541876.png

http://img689.imageshack.us/img689/4773/58594261.png

بالفوتوشوب وقم بالتالي



http://img59.imageshack.us/img59/6976/60486319.png

http://img9.imageshack.us/img9/562/39898412.png


http://img59.imageshack.us/img59/5421/49626214.png


http://img412.imageshack.us/img412/2803/43518490.png


http://img708.imageshack.us/img708/3332/53963733.png


http://img59.imageshack.us/img59/909/32972495.png


http://img708.imageshack.us/img708/6095/98548504.png


http://img59.imageshack.us/img59/6963/25195227.png


http://img580.imageshack.us/img580/3195/45297773.png


http://img580.imageshack.us/img580/8086/93683062.png


http://img689.imageshack.us/img689/4034/60939368.png


http://img819.imageshack.us/img819/782/78709977.png


http://img683.imageshack.us/img683/8541/40378486.png



حفظ العمل ...

http://img9.imageshack.us/img9/1587/87031937.png


http://img683.imageshack.us/img683/1794/18919209.png







و الآن اذا تريد التزيين بامكانك اضافه حركات مثل الفوق




http://img713.imageshack.us/img713/4757/loadingw.gif

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

http://img532.imageshack.us/img532/5682/88089525.png

هذه الخطوط شفافه حاولو تضعوها بطريقه ما http://www.dzbatna.com/images/smilies/msn-wink.gif

و الآن المعه نفس الطريقه الي عملنا فيها الودنج فقط شغل مخك ووالله يا أخوان الي بشغل مخه في هيك شغلات لوحده رح يتعلم http://www.dzbatna.com/images/smilies/cupidarrow.gif

______

لتحميل الدرس مفصل

http://rapidshare.com/files/402670372/_____________________.rar.html
(http://rapidshare.com/files/402670372/_____________________.rar.html)


هذا نوع آخر من اشارات الودنج
http://rs365l3.rapidshare.com/img2/progress_wheel.gif

موفق لجميع ...





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