شرح بالصور اضافة اداة مشاهدة صفحات الفيسبوك لمدونتك - Blogger to facebook

هي مكتبه بلغة تنسيق صفحات الويب 

( css ) 

مجانيه ومفتوحة المصدر

 ( open source )

 تقوم باضافة تاثير انميشن ( animation css ) للعناصر المختلفه بالموقع اثناء المرور عليه بطريقه سهله وبسيطه  سوف نتناول شرحها في هذه المقاله بالصور:-

- اولا تنزيل المكتبه :-

عن طريق هذا اللنك الخاص بالمكتبه ---- اضغط هنا لتنزيل المكتبه

- ثانيا الاستخدام :-

• يتم فك ضغط الملف 
• ثم الذهاب الي فولدر ( css ) 
• يوجد عدد 2 ملف للمكتبه (ملف مضغوط - وملف غير مضغوط ) مثل الصوره المرفقه

•  يتم نسخ احدهما ولصقه في فولدر  المشروع الخاص بك 
• يتم ربط الملف المكتبه بملف ( index.html ) للمشروع او اي ملف تريد اضافة هذه التأثيرات عليها عن طريق الكود التالي الجزء الخاص ( header ) 
• 
  

<link rel="stylesheet" href="css/hover.css">

• يتم تغير الجزء ( css/hover.css ) طبقا للمسار الخاص بملف المكتبه بالمشروع.
• الذهاب لصفحة المكتبه وبها عرض لجميع التاثيرات الموجوده بالمكتبه - هنا 
• نختار التاثير المطلوب مثل Bounce To Right 

• ننسخ اسم التاثير 
• نذهب للعنصر المراد اضافة التاثير عليه 
• ثم نكتب له كلاس ( hvr-bounce-right ) باسم التاثير مع تغيير الاتي في الاسم 
• (الاحرف صغيره + بدل المسافات نضع (-) +   نضيفة كلمة (hvr) في بداية الاسم) فيصبح كالاتي 

hvr-bounce-right

<div class="hvr-bounce-right">

  <p>مثال توضيحي</p>

</div>

• ونجرب ونستمتع بالتاثيرات .......... بس لازم نشوف الملاحظات التاليه ... عشان فيها حاجات مهمه

***********************************

الملاحظات:-

- يفضل استخدام الملف الغير مضغوط لو ناوي تغير في المكتبه ( الالوان - الخ)

- لوحابب تغيير في لون التاثير او خصائص اخري نذهب ملف الي المكتبه بالمشروع ونعمل بحث باسم الكلاس ( class ) 

- هنلاقي خصائص هذا الكلاس نغير الالوان الي محتجينها (الخلفيه) ونعمل الي محتاجينه وبس

------

شرح بالفيديو

وفي نهايه نسئلكم الدعاء 

انتظار تعليقاتكم