سجل في المعهد لتفعيل روابط التحميل

للتسجيل اضغط على الزر التسجيل
ندعم منتديات vBulletin بتقنية Css3
A L 6 W E R
   [ 1 ]
12-01-2012, 09:12 AM
تابعني على facebook
تابعني على twitter
تابعني على google plus
تابعني على youtube
تجربتي
2
الصورة الرمزية لـ أبوعبدالله
أبوعبدالله عضو موثوق في معهد المطور
غير متواجد
[ المستشار ]

اسمي : AbuAbdullah , من : بيشة , أهتم بـ البرمجة - الشعر - القراءة .
عضو لدية أكثر من 2000 مشاركةعضو لدية أكثر من 2000 مشاركة
تاريخ الإنضمام07-06-2010 عدد المشاركات2,334 تقييم المستوى3476 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 235   تم شكره 130 مرة في 107 مشاركة
افتراضي أيقونة الانتظار مثل الفيسبوك





منقول للفائدة











أهلاً بكم أيها الأصدقاء الأوفياء ..

فكرة العمل :
العمل (الصورة) عبارة عن تموج أفقي، مقسم على ثلاث مستطيلات عامودية، بحيث يبدأ التموج من اليسار إلى اليمين، ويكون التموج على ثلاث تأثيرات (تموجات)، تأمل الصورة البطيئة التالية لأكثر من مرة وحاول فهم ما سبق:

بعد تأمل المثال السابق نجد أن المستطيل الواحد تمر عليه أكثر من حالة، كما هي موضحة في الصورة التالية :

ولا أنسى هنا أن أنوه لأمر هام جداً، تلاحظ من السابق أن التموج ليس على مستوى اللون فقط (إذ أن ذلك ممكن) ولكن التموج على مستوى حجم الطبقات كذلك؛ لذا تلحظ بأن أحجام التموج متدرجة ويبدأ من التموج الأول إلى الثالث حيث أن الثالث يساوي حجم (الطبقة الرئيسة)!. وهنا قد يسأل سائل: ما فائدة وجود (الطبقة الرئيسة) مادام أن ليس لها علاقة بالتموج؟! سأجيبك بعد أن تتأمل الصورة التالية:

ستلاحظ أهمية استخدام (الطبقة الرئيسة) جلياً هنا فيما إذا أردت استخدام الصورة بخلفية أو بدون، فلن يلحظ الناظر أماكن مراحل التموج الأربع بعد اختفاء التموج كلياً.
خطوات العمل (تصميم):
ملحوظة: لا تقلق كثيراً فسأرفق ملف العمل كاملاً بإذن الله .
بعد فتح مساحة العمل بالحجم المناسب -أفضل وضع خطين دليلين لتوضيح نقطة مركز مساحة العمل- كما يلي:

ثم قم برسم المستطيلات الثلاث على التوالي، ولتكن البداية من منتصف مساحة العمل مع (الطبقة الرئيسة):

ثم (التموج الثالث) :

ثم (التموج الثاني) :

ثم (التموج الأول) :

ثم قم بجمع الطبقات الأربع تحت مجلد واحد -للتنظيم وسهولة العمل- وقم بتسميته بما تريد وفي المثال قمت بتسميته (MED GROUP) :

ثم قم بنسخ المجلد ولصقه مرتين، حتى يظهر العمل بالشكل التالي :

ثم أعد تسمية المجلدين الجديدين بما يناسبك، وسيظهر (جانب الطبقات) قريباً مما يلي :

خطوات العمل (تحريك) :
الآن توجه إلى (جانب الـ Animation)، ثم قم بإنشاء 6 فريمات كما يلي :

ثم قم بالمرور على كل فريم و طبق ما يلي :
الفريم الأول:

الفريم الثاني:

الفريم الثالث:

الفريم الرابع:

الفريم الخامس:

الفريم السادس:

بعد تطبيق جميع ما سبق، سيظهر لك (جانب الـAnimation) قريباً مما يلي:

ليظهر العمل أخيراً بالشكل التالي

لتحميل العمل




كلمات البحث - معهد المطور

ارشفة, ستايل, كود, هاك, html, css, java, BBcode, seo, php, JavaScript, Product, Style


Shaimaa   المعجبون بمشاركة أبوعبدالله


توقيعي

تجربتي
الداعم الرسمي


   [ 2 ]
12-01-2012, 12:31 PM
3700
الصورة الرمزية لـ محال
محال
غير متواجد
[ مطوّر مشارك ]

عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام14-11-2011 عدد المشاركات245 تقييم المستوى269 الدولةsaudi arabia
  تم شكره 4 مرة في 3 مشاركة
افتراضي رد: أيقونة الانتظار مثل الفيسبوك


تسلم اخوي ابو عبدالله
على الشرح الجميل والوافي
والف شكر على المجهود الكبير
اجمل تحيه




   [ 3 ]
12-01-2012, 01:41 PM
2687
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
Shaimaa
غير متواجد
[ مطوّر مشارك ]

عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام11-08-2011 عدد المشاركات435 تقييم المستوى535 الدولةsaudi arabia
الإعجابات التي قدمها للأعضاء 64   تم شكره 36 مرة في 24 مشاركة
افتراضي رد: أيقونة الانتظار مثل الفيسبوك


روووعه ابدعت يالغلا
جعل ايادينك سسالمة ي’رب
ودى




   [ 4 ]
12-01-2012, 11:03 PM
3616
الصورة الرمزية لـ احمدمحمدحسين
احمدمحمدحسين
غير متواجد
[ مطوّر مشارك ]

اسمي : الفقير الى الله ,
عضو لدية أكثر من 200 مشاركة
تاريخ الإنضمام05-11-2011 عدد المشاركات404 تقييم المستوى435 الدولةegypt
الإعجابات التي قدمها للأعضاء 8   تم شكره 4 مرة في 4 مشاركة
افتراضي رد: أيقونة الانتظار مثل الفيسبوك


تسلم ايديك ياغالي




   [ 5 ]
07-07-2013, 08:38 AM
5280
عضو معهد المطور
ندعم جميع منتديات
الجيل الثالث بتقنية CSS3
ملك الحصريات
غير متواجد
[ مطوّر مشارك ]

عضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركةعضو لدية أكثر من 1500 مشاركة
تاريخ الإنضمام25-02-2013 عدد المشاركات1,543 تقييم المستوى1561 الدولةegypt
الإعجابات التي قدمها للأعضاء 193   تم شكره 3 مرة في 3 مشاركة
افتراضي رد: أيقونة الانتظار مثل الفيسبوك


موضوع مميز بارك الله فيك





مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
أيقونة, الانتظار, الفيسبوك

أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم


المواضيع المتشابهه للموضوع: أيقونة الانتظار مثل الفيسبوك
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ مشكلة ] مشكلة في أيقونة أدراج الصور في المواضيع shahab طلبات و مشاكل منتديات vBulletin 3.x.x 6 18-05-2013 01:53 PM
[ BBcode ] طريقة عرض أيقونة التغذية جانب كل قسم في الرئيسية AlM6weR اكواد منتديات vBulletin 3.x.x 3 10-05-2013 06:47 PM
[ BBcode ] طريقة وضع أيقونة favicon جانب اسم المنتدى AlM6weR اكواد منتديات vBulletin 3.x.x 3 28-03-2013 09:24 PM
أصبحت أعشق ساعات الانتظار إنسانه عفويه المنتدى العام 0 22-11-2010 06:39 AM


الساعة الآن 01:30 PM

RSS RSS 2.0 XML Sitemap1 Sitemap2 HTML Tags اتصل بنا بيان الخصوصية

Powered by vBulletin@Version 3.8.7 .Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
المشاركات والمواضيع تعبر عن رأي كاتبها وليس بالضرورة رأي المطوّر
وجميع الحقوق محفوظة لاصحابها