إنتقال للمحتوى

  • تسجيل الدخول عبر الفيس بوك تسجيل الدخول عبر تويتر Log In with LinkedIn Log In with Google      تسجيل دخول    
  • إنشاء حساب

صورة
- - - - -

الانيميشن مع (font Awesome)فى اوراكل ابكس

Font Awesome animation oracle apex oracle application express

11 رد (ردود) على هذا الموضوع

#1 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 17 April 2017 - 04:37 PM

ستعرف اليوم على استخدام الانيميشن مع كلاسات

font awesome

نعلم جميعا ان اوراكل ابكس اصبحت تتدعم كلاسات font awesome 
لاستخدامها بدل من الصور 
وكل ماعليك اذا احتجت ان تضع اى صوره لايكونه ان تكتب اسم الكلاس فى المكان المحدد لها
ويمكن ان تعرف الكثير عن كلاسات font awesome من خلال الموقع http://fontawesome.io/icons/
ولكن الجديد فى هذا الدرس استخدام كلاس اخر للانيميشن كل ماعليك هو اضافه الكلاس المطلوب بجوار اسم الكلاس الرئيسي
ويوجد ثلاث انواع للحركه بالنسبه للعناصر
اما مع 

On DOM load

او  مع 

On parent hover

او مع

On hover

وهذا الموقع الذى يحتوى على الكلاسات
http://l-lin.github....some-animation/
***************************************************
ولكن عيك اولا ان تضع لنك ملف css
فى الصفحه المطلوبه
او ان تضعه فى تمبلت المستخدم فى صفحات حتى يتم تفعيل الكلاسات
وهذا مثال عملى على الانيميشن مع كلاسات

font awesome
https://apex.oracle....40265164::NO:::
مرفق : ملف css


تم التعديل بواسطة alisaleh84, 17 April 2017 - 04:38 PM.

  • Esalm Mrwan معجب بهذا

#2 hany66

hany66

    عضو

  • الأعضــاء
  • 35 مشاركة
  • الاسم الأول:hany
  • اسم العائلة:shaker
  • البـلـد: Country Flag

تاريخ المشاركة 17 April 2017 - 11:16 PM

جزالك الله خيرا لمجهود الرائع و اين المرفق


تم التعديل بواسطة hany66, 17 April 2017 - 11:21 PM.


#3 toota

toota

    عضو

  • الأعضــاء
  • 26 مشاركة
  • الاسم الأول:toota
  • اسم العائلة:toota1
  • البـلـد: Country Flag

تاريخ المشاركة 18 April 2017 - 11:27 AM

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/


تم التعديل بواسطة toota, 18 April 2017 - 11:41 AM.


#4 toota

toota

    عضو

  • الأعضــاء
  • 26 مشاركة
  • الاسم الأول:toota
  • اسم العائلة:toota1
  • البـلـد: Country Flag

تاريخ المشاركة 18 April 2017 - 12:29 PM

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

ياريت لو امكن اضافة صفحة توضح المطلوب (source code)



#5 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 18 April 2017 - 01:17 PM

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

ياريت لو امكن اضافة صفحة توضح المطلوب (source code)

المقصود ملف css
https://raw.githubus...e-animation.css



#6 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 18 April 2017 - 01:17 PM

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubus...e-animation.css



#7 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 18 April 2017 - 01:18 PM

جزالك الله خيرا لمجهود الرائع و اين المرفق

https://raw.githubus...e-animation.css



#8 toota

toota

    عضو

  • الأعضــاء
  • 26 مشاركة
  • الاسم الأول:toota
  • اسم العائلة:toota1
  • البـلـد: Country Flag

تاريخ المشاركة 20 April 2017 - 09:57 AM

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubus...e-animation.css

 

شكرا مقدما

القصد صفحة مفتوحة المصدر بالapex



#9 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 20 April 2017 - 11:12 AM

 

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubus...e-animation.css

 

شكرا مقدما

القصد صفحة مفتوحة المصدر بالapex

 

الطريقه الوحيده هو اعطاء اليوزر والباسورد

for workspace 
لو فيه حاجه مش فاهماها انا موجود ان شاء الله


تم التعديل بواسطة alisaleh84, 20 April 2017 - 11:13 AM.


#10 toota

toota

    عضو

  • الأعضــاء
  • 26 مشاركة
  • الاسم الأول:toota
  • اسم العائلة:toota1
  • البـلـد: Country Flag

تاريخ المشاركة 20 April 2017 - 02:07 PM

 

 

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubus...e-animation.css

 

شكرا مقدما

القصد صفحة مفتوحة المصدر بالapex

 

الطريقه الوحيده هو اعطاء اليوزر والباسورد

for workspace 
لو فيه حاجه مش فاهماها انا موجود ان شاء الله

 

شكرا شكرا شكرا



#11 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 20 April 2017 - 03:45 PM

ستعرف اليوم على استخدام الانيميشن مع كلاسات

font awesome

نعلم جميعا ان اوراكل ابكس اصبحت تتدعم كلاسات font awesome 
لاستخدامها بدل من الصور 
وكل ماعليك اذا احتجت ان تضع اى صوره لايكونه ان تكتب اسم الكلاس فى المكان المحدد لها
ويمكن ان تعرف الكثير عن كلاسات font awesome من خلال الموقع http://fontawesome.io/icons/
ولكن الجديد فى هذا الدرس استخدام كلاس اخر للانيميشن كل ماعليك هو اضافه الكلاس المطلوب بجوار اسم الكلاس الرئيسي
ويوجد ثلاث انواع للحركه بالنسبه للعناصر
اما مع 

On DOM load

او  مع 

On parent hover

او مع

On hover

وهذا الموقع الذى يحتوى على الكلاسات
http://l-lin.github....some-animation/
***************************************************
ولكن عيك اولا ان تضع لنك ملف css
فى الصفحه المطلوبه
او ان تضعه فى تمبلت المستخدم فى صفحات حتى يتم تفعيل الكلاسات
وهذا مثال عملى على الانيميشن مع كلاسات

font awesome
https://apex.oracle....40265164::NO:::
مرفق : ملف css

الافضل والاسهل وضع اللنك فى
المسار الخاص لللابكيشن ككل

حتى يمكن استخدام الكلاس فى اى مكان للابلكيشن
****
اتبع الصور ولكن نضع اللنك  
APP_IMAGES#font-awesome-animation.css#
فى

Cascading Style Sheets
js-storage.gif


تم التعديل بواسطة alisaleh84, 20 April 2017 - 03:49 PM.


#12 alisaleh84

alisaleh84

    مشترك

  • الأعضــاء
  • 112 مشاركة
  • البـلـد: Country Flag

تاريخ المشاركة 17 April 2018 - 11:39 AM

https://www.youtube....1b95HBidiUjCXWF







موضوعات أخرى ذات صلة بـ Font Awesome, animation, oracle apex, oracle application express