طريقة عمل تأثيرات جميلة لأيقونات social media عبر كود css للموقع و المدونة
 |
| code css |
جماليات الموقع و المدونة تكمن في إضافة بعض التأثيرات و الإضافات الجميلة من أجل استمتاع الزائر بالشكل العام للمدونة أو الموقع ، و الكثير يلجأ إلى البحث عن التميُّز في إظهار جمالية خاصة للإضافات التي يضيفها من أجل الإنفراد و التميُّز في هذه الخصائص.
لذلك في هذه التدوينة قمنا بتقديم كود الـ css الذي نضعه بين أيديكم و الذي يقوم بعمل إضافة جمالية لأيقونات التواصل الإجتماعي social media أثناء تمرير مؤشر الفأرة ( ) على هذه الإيقونات ( كما سوف تشاهد في التجربة أسفل هذه التدوينة ).
وظيفة الكود
عمل تأثير إرتداد جميل لأيقونات التواصل الإجتماعي social media أثناء التمرير و وضع مؤشر الفأرة على هذه الأيقونات.
طريقة تركيب الكود في المدونة أو الموقع
- في البداية تجنباً لأي أخطاء ممكن أن تحدث، قم بأخذ نسخة إحتياطية للقالب قبل تركيب الكود.
- نقوم بالبحث داخل القالب عن أكواد الـ css الخاصة بإضافات مواقع التواصل الإجتماعي و تجدها بين وسم الفتح <b:skin> و وسم الإغلاق </b:skin> ، في أغلب الأحيان تجدها مثلاً على الشكل التالي :
.top-bar-social .fa-facebook {background-color:#3b5998}
بمعنى آخر يجب أن تبحث عن اسم الـ class أو الـ id الخاص بهذه الأيقونات.
- الخطوة التالية نقوم بنسخ الكود الموجود في الأسفل و نضعه أسفل أكواد مواقع التواصل الموجودة في القالب و نقوم بوضع الـ class أو الـ id الخاص بهذه الإضافات في بداية الكود مكان ( HERE YOUR ID OR CLASS ) .
- نقوم بحفظ القالب و سوف يتم إضافة التأثير.
إذا واجهتك أي مشاكل في تركيب الكود يسعدنا بكل محبة أن نقدم لك يد العون و مساعدتك في ذلك عبر التواصل معنا عبر التبويب اتصل بنا .
قم بتجربة عمل التأثير عبر تمرير مؤشر الفأرة فوق الأيقونات
إرسال تعليق