25 مجموعة أزرار وسائط اجتماعية مجانية CSS3

نشرت: 2016-04-30

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

جدول المحتويات إخفاء
قم بإنشاء أزرار وسائط اجتماعية ثلاثية الأبعاد باستخدام CSS3
أزرار وسائط اجتماعية مجانية CSS3
رموز اجتماعية بسيطة css3
القطعة الاشتراك الاجتماعية حصة
زر المشاركة الاجتماعية CSS
Zocial (وسائل التواصل الاجتماعي) أزرار CSS3
أزرار اجتماعية مسطحة
زر تسجيل الدخول بشبكة اجتماعية
أيقونات CSS3 الاجتماعية
أزرار CSS3 الاجتماعية المتحركة
كتلة CSS3 الاجتماعية
الأزرار الاجتماعية ثلاثية الأبعاد
أزرار وسائط اجتماعية مستجيبة مستجيبة مع Pure CSS3
أيقونات الوسائط الاجتماعية بما في ذلك CSS Slide Effect
جولة الرموز الاجتماعية
أزرار المشاركة الاجتماعية NeatNait CSS3
الأزرار الاجتماعية المسطحة في CSS3
تلميح المشاركة الاجتماعية
التنقل عبر المشاركة الاجتماعية
قائمة المشاركة الاجتماعية CSS3 مع Hover
الأزرار الاجتماعية مع خطوط الرموز
تحوم الوسائط الاجتماعية فوق الرموز مع العناوين المنبثقة
الحد الأدنى من الرموز لوسائل التواصل الاجتماعي

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

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

ها هم! قم بتنزيل المجموعات التي تحتاجها!

قم بإنشاء أزرار وسائط اجتماعية ثلاثية الأبعاد باستخدام CSS3

يمكنك الآن بسهولة إنشاء أزرار وسائط اجتماعية ثلاثية الأبعاد باستخدام CSS3 ، لذا لا تتردد في استخدام هذه الأزرار في مشاريعك وإنشاء أخرى جديدة باستخدام البرنامج التعليمي أدناه كنقطة انطلاق.

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

أزرار وسائط اجتماعية مجانية CSS3

إليك مجموعة رائعة من أزرار الوسائط الاجتماعية التي تم إنشاؤها بالكامل باستخدام CSS3 والتي ستحب استخدامها في مشاريعك. ستبدو هذه رائعة سواء كنت تشاهدها بحجمها الأصلي ، أو أصغر من ذلك ، أو إذا قمت بالتكبير. اختر الحجم الذي تريد لصق الرمز!

أزرار اجتماعية CSS3 مجانية دبوس

رموز اجتماعية بسيطة css3

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

رموز اجتماعية بسيطة css3 دبوس

القطعة الاشتراك الاجتماعية حصة

هذه أداة اشتراك اجتماعية رائعة يمكنك إضافتها إلى الشريط الجانبي. يمكنك التحقق من رمز أداة المشاركة هذه في الرابط أعلاه.

القطعة الاشتراك الاجتماعية حصة دبوس

زر المشاركة الاجتماعية CSS

إذا كنت لا ترغب في ازدحام موقع الويب الخاص بك بالعديد من أزرار الوسائط الاجتماعية ، فإن زر المشاركة الاجتماعية CSS3 هذا هو الخيار الأمثل لك! إنها مربعة وتستخدم تصميمًا مسطحًا. في الرابط أعلاه ، لديك الكود الذي يمكنك دراسته وتنفيذه في مشروع التصميم الخاص بك.

زر المشاركة الاجتماعية CSS دبوس

Zocial (وسائل التواصل الاجتماعي) أزرار CSS3

مع Zocial ، ستحصل على مجموعة من أزرار الوسائط الاجتماعية CSS3 المجانية باستخدام هذا الجزء المجاني من الكود. تأتي هذه الأزرار في العديد من اختلافات الألوان. لذلك ستجد بالتأكيد الشخص الذي تريده لمشروعك.

أزرار Zocial CSS3 دبوس

أزرار اجتماعية مسطحة

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

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

زر تسجيل الدخول بشبكة اجتماعية

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

تسجيل زر الشبكة الاجتماعية دبوس

أيقونات CSS3 الاجتماعية

سواء كنت تريد أزرار وسائط اجتماعية مستديرة أو مربعة الشكل ، فإن مجموعة CSS3 هذه ستساعدك! تحتوي هذه المجموعة على الكثير من أزرار الوسائط الاجتماعية CSS التي يمكنك استخدامها في مشاريعك. إنها تأتي في كل من الإصدارات ذات التدرج الرمادي والملون وستبدو رائعة في مشروعك.

أيقونات CSS3 الاجتماعية دبوس

أزرار CSS3 الاجتماعية المتحركة

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

أزرار CSS3 الاجتماعية المتحركة دبوس

كتلة CSS3 الاجتماعية

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

كتلة CSS3 الاجتماعية دبوس

الأزرار الاجتماعية ثلاثية الأبعاد

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

الأزرار الاجتماعية ثلاثية الأبعاد دبوس

أزرار وسائط اجتماعية مستجيبة مستجيبة مع Pure CSS3

هل تريد إضافة تأثير CSS3 فريد إلى أزرار الوسائط الاجتماعية الخاصة بك؟ إذا كان الأمر كذلك ، فعليك حقًا التحقق من أزرار الوسائط الاجتماعية المنزلقة والمتجاوبة هذه والتي ستبدو رائعة على أي جهاز ومتصفحات! لقد تم تصنيعها باستخدام CSS3 النقي وهي تستند إلى تصميم مسطح أصبح عصريًا جدًا في الوقت الحاضر.

أزرار وسائط اجتماعية مستجيبة مستجيبة CSS3 دبوس

أيقونات الوسائط الاجتماعية بما في ذلك CSS Slide Effect

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

أيقونات عشاق التكنولوجيا مجموعات أزرار الوسائط الاجتماعية المجانية CSS3 دبوس

جولة الرموز الاجتماعية

إليك مجموعة رائعة من أيقونات الوسائط الاجتماعية الأنيقة والمستديرة التي ستحب استخدامها في مشاريع الويب الخاصة بك. يتضمن هذا المثال 64 بكسل ، أيقونات متجهية مثالية وقابلة للتحرير بالكامل ، كل منها محاط بمربع 48 × 48 بكسل من لون العلامة التجارية.

جولة الرموز الاجتماعية دبوس

أزرار المشاركة الاجتماعية NeatNait CSS3

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

أزرار المشاركة الاجتماعية NeatNait CSS3 دبوس

الأزرار الاجتماعية المسطحة في CSS3

إليك مجموعة أخرى من الأزرار الاجتماعية المسطحة المصممة بالكامل باستخدام CSS3. هذه الأزرار ملفتة للنظر حقًا وتستخدم محرفًا رائعًا. تم تضمين أزرار Facebook و Twitter و G + في هذه المجموعة.

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

تلميح المشاركة الاجتماعية

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

تلميح المشاركة الاجتماعية دبوس

التنقل عبر المشاركة الاجتماعية

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

التنقل عبر المشاركة الاجتماعية دبوس

قائمة المشاركة الاجتماعية CSS3 مع Hover

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

CSS3 Social Hover دبوس

الأزرار الاجتماعية مع خطوط الرموز

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

خطوط أيقونة الأزرار الاجتماعية دبوس

تحوم الوسائط الاجتماعية فوق الرموز مع العناوين المنبثقة

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

عناوين الرموز الاجتماعية دبوس

الحد الأدنى من الرموز لوسائل التواصل الاجتماعي

هذه مجموعة أيقونات وسائط اجتماعية أخرى بسيطة للغاية ستحب استخدامها. لا توجد كلمات ولا رموز ، فقط حرف واحد ولون تمثيلي لكل رمز. ستبدو هذه الرموز رائعة على موقعك.الحد الأدنى من الرموز لوسائل التواصل الاجتماعي دبوس