كيفية انشاء أزرار الوسائط الاجتماعية باستخدام HTML و CSS فقط

ستتعلم اليوم في هذه المدونة كيفية إنشاء أزرار الوسائط الاجتماعية باستخدام تلميح الأدوات على Hover باستخدام HTML و CSS فقط

مرحبًا أيها القراء ، ستتعلم اليوم في هذه المدونة كيفية إنشاء أزرار الوسائط الاجتماعية باستخدام تلميح الأدوات على Hover باستخدام HTML و CSS فقط.

 

تسمح أزرار الوسائط الاجتماعية لزوار موقع الويب الخاص بك ومشاهدي المحتوى بمشاركة المحتوى الخاص بك بسهولة مع اتصالات وشبكات التواصل الاجتماعي الخاصة بهم. تلميح الأداة هو رسالة قصيرة إعلامية تظهر عندما يتفاعل المستخدم مع عنصر.

 

في هذا البرنامج (أزرار الوسائط الاجتماعية مع تلميح الأدوات) ، في البداية ، على صفحة الويب ، توجد خمسة أزرار للوسائط الاجتماعية - Facebook و Twitter و Instagram و Github و YouTube. عندما تحوم فوق زر أو رمز معين ، يظهر تلميح الأداة مع رسم متحرك منزلق ويتغير لون خلفية الزر أيضًا مع لون الرمز الافتراضي. داخل تلميح الأدوات ، يوجد اسم رمز معين لوسائل التواصل الاجتماعي يحوم حوله كما رأيته في الصورة.

 

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

 

في الفيديو ، شاهدت زر الوسائط الاجتماعية مع تلميح الأدوات وآمل أن تكون قد فهمت الرموز الأساسية وراء إنشاء هذه الرموز أو الأزرار وتلميحاتها أيضًا. هذا برنامج CSS خالص ، لذا إذا كنت مبتدئًا ، فيمكنك أيضًا بسهولة هذا النوع من تلميحات الأدوات.

 

أود إخبارك أنه عند النقر فوق زر معين للشبكات الاجتماعية ، فلن يعيد توجيهك إلى أي موقع. إذا كنت ترغب في إعادة التوجيه إلى موقع معين ، فعليك إضافة <a href= "عنوان URL لموقعك هنا"> علامة داخل كل علامة <div class = ”icon”>.

 

إذا كنت تحب هذا البرنامج (Social Media Button with Tooltip) وترغب في الحصول على أكواد المصدر. يمكنك بسهولة الحصول على الأكواد المصدرية لهذا البرنامج. للحصول على أكواد المصدر ، تحتاج فقط إلى التمرير لأسفل. يمكنك استخدام أزرار الوسائط الاجتماعية هذه في صفحات HTML ومواقع الويب والمشاريع.

 

أزرار الوسائط الاجتماعية مع تلميح الأدوات

لإنشاء هذا البرنامج (Social Media Buttons with Tooltip). أولاً ، تحتاج إلى تحميل ملف الاكواد من زر التحميل

الملفات

ما هو رد فعلك؟

like

dislike

love

funny

angry

sad

wow