-->
U3F1ZWV6ZTU1MTYyNTY0NTFfQWN0aXZhdGlvbjYyNDkxNTc4MDk4

طريقة عمل تأثيرات جميلة لأيقونات Social Media للموقع و المدونة عن طريق كود css

طريقة عمل تأثيرات جميلة لأيقونات social media عبر كود css للموقع و المدونة

طريقة عمل تأثيرات جميلة على أيقونات 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  ) .

- نقوم بحفظ القالب و سوف يتم إضافة التأثير.

إذا واجهتك أي مشاكل في تركيب الكود يسعدنا بكل محبة أن نقدم لك يد العون و مساعدتك في ذلك عبر التواصل معنا عبر التبويب اتصل بنا .

قم بتجربة عمل التأثير عبر تمرير مؤشر الفأرة فوق الأيقونات


code css ( hover ) social media



ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة

تم الكشف عن مانع الإعلانات

الإعلانات تساعدنا في تمويل موقعنا، فالمرجو تعطيل مانع الإعلانات وساعدنا في تقديم محتوى حصري لك. شكرًا لك على الدعم ❤️