alisaleh84 بتاريخ: 17 أبريل 2017 تقديم بلاغ مشاركة بتاريخ: 17 أبريل 2017 (معدل) ستعرف اليوم على استخدام الانيميشن مع كلاسات font awesome نعلم جميعا ان اوراكل ابكس اصبحت تتدعم كلاسات font awesome لاستخدامها بدل من الصور وكل ماعليك اذا احتجت ان تضع اى صوره لايكونه ان تكتب اسم الكلاس فى المكان المحدد لهاويمكن ان تعرف الكثير عن كلاسات font awesome من خلال الموقع http://fontawesome.io/icons/ولكن الجديد فى هذا الدرس استخدام كلاس اخر للانيميشن كل ماعليك هو اضافه الكلاس المطلوب بجوار اسم الكلاس الرئيسيويوجد ثلاث انواع للحركه بالنسبه للعناصراما مع On DOM load او مع On parent hover او مع On hover وهذا الموقع الذى يحتوى على الكلاساتhttp://l-lin.github.io/font-awesome-animation/***************************************************ولكن عيك اولا ان تضع لنك ملف cssفى الصفحه المطلوبهاو ان تضعه فى تمبلت المستخدم فى صفحات حتى يتم تفعيل الكلاساتوهذا مثال عملى على الانيميشن مع كلاسات font awesomehttps://apex.oracle.com/pls/apex/f?p=92775:7:9275140265164::NO:::مرفق : ملف css تم تعديل 17 أبريل 2017 بواسطة alisaleh84 1 اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
hany66 بتاريخ: 17 أبريل 2017 تقديم بلاغ مشاركة بتاريخ: 17 أبريل 2017 (معدل) جزالك الله خيرا لمجهود الرائع و اين المرفق تم تعديل 17 أبريل 2017 بواسطة hany66 اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
toota بتاريخ: 18 أبريل 2017 تقديم بلاغ مشاركة بتاريخ: 18 أبريل 2017 (معدل) تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ تم تعديل 18 أبريل 2017 بواسطة toota اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
toota بتاريخ: 18 أبريل 2017 تقديم بلاغ مشاركة بتاريخ: 18 أبريل 2017 تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ ياريت لو امكن اضافة صفحة توضح المطلوب (source code) اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
alisaleh84 بتاريخ: 18 أبريل 2017 كاتب الموضوع تقديم بلاغ مشاركة بتاريخ: 18 أبريل 2017 تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ ياريت لو امكن اضافة صفحة توضح المطلوب (source code) المقصود ملف css https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
alisaleh84 بتاريخ: 18 أبريل 2017 كاتب الموضوع تقديم بلاغ مشاركة بتاريخ: 18 أبريل 2017 تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ يقصد بها ملف css https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
alisaleh84 بتاريخ: 18 أبريل 2017 كاتب الموضوع تقديم بلاغ مشاركة بتاريخ: 18 أبريل 2017 جزالك الله خيرا لمجهود الرائع و اين المرفق https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
toota بتاريخ: 20 أبريل 2017 تقديم بلاغ مشاركة بتاريخ: 20 أبريل 2017 تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ يقصد بها ملف css https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css شكرا مقدما القصد صفحة مفتوحة المصدر بالapex اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
alisaleh84 بتاريخ: 20 أبريل 2017 كاتب الموضوع تقديم بلاغ مشاركة بتاريخ: 20 أبريل 2017 (معدل) تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ يقصد بها ملف css https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css شكرا مقدما القصد صفحة مفتوحة المصدر بالapex الطريقه الوحيده هو اعطاء اليوزر والباسورد for workspace لو فيه حاجه مش فاهماها انا موجود ان شاء الله تم تعديل 20 أبريل 2017 بواسطة alisaleh84 1 اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
toota بتاريخ: 20 أبريل 2017 تقديم بلاغ مشاركة بتاريخ: 20 أبريل 2017 تسلم على تزويدنا بالجديد الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/ يقصد بها ملف css https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css شكرا مقدما القصد صفحة مفتوحة المصدر بالapex الطريقه الوحيده هو اعطاء اليوزر والباسورد for workspace لو فيه حاجه مش فاهماها انا موجود ان شاء الله شكرا شكرا شكرا اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
alisaleh84 بتاريخ: 20 أبريل 2017 كاتب الموضوع تقديم بلاغ مشاركة بتاريخ: 20 أبريل 2017 (معدل) ستعرف اليوم على استخدام الانيميشن مع كلاسات font awesome نعلم جميعا ان اوراكل ابكس اصبحت تتدعم كلاسات font awesome لاستخدامها بدل من الصور وكل ماعليك اذا احتجت ان تضع اى صوره لايكونه ان تكتب اسم الكلاس فى المكان المحدد لها ويمكن ان تعرف الكثير عن كلاسات font awesome من خلال الموقع http://fontawesome.io/icons/ ولكن الجديد فى هذا الدرس استخدام كلاس اخر للانيميشن كل ماعليك هو اضافه الكلاس المطلوب بجوار اسم الكلاس الرئيسي ويوجد ثلاث انواع للحركه بالنسبه للعناصر اما مع On DOM load او مع On parent hover او مع On hover وهذا الموقع الذى يحتوى على الكلاسات http://l-lin.github.io/font-awesome-animation/ *************************************************** ولكن عيك اولا ان تضع لنك ملف css فى الصفحه المطلوبه او ان تضعه فى تمبلت المستخدم فى صفحات حتى يتم تفعيل الكلاسات وهذا مثال عملى على الانيميشن مع كلاسات font awesome https://apex.oracle.com/pls/apex/f?p=92775:7:9275140265164::NO::: مرفق : ملف css الافضل والاسهل وضع اللنك فى المسار الخاص لللابكيشن ككل حتى يمكن استخدام الكلاس فى اى مكان للابلكيشن **** اتبع الصور ولكن نضع اللنك APP_IMAGES#font-awesome-animation.css# فى Cascading Style Sheets تم تعديل 20 أبريل 2017 بواسطة alisaleh84 1 اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
alisaleh84 بتاريخ: 17 أبريل 2018 كاتب الموضوع تقديم بلاغ مشاركة بتاريخ: 17 أبريل 2018 https://www.youtube.com/playlist?list=PLjWQeGQvvAG1lu8ed61b95HBidiUjCXWF اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
فاروق احمد بهلول بتاريخ: 24 يونيو 2018 تقديم بلاغ مشاركة بتاريخ: 24 يونيو 2018 اسف بس اشتي رابط الفديو الذى يحتوى على شرح للالكلاسات اقتباس رابط هذا التعليق شارك المزيد من خيارات المشاركة
Recommended Posts
انضم إلى المناقشة
يمكنك المشاركة الآن والتسجيل لاحقاً. إذا كان لديك حساب, سجل دخولك الآن لتقوم بالمشاركة من خلال حسابك.