25 مجموعة أزرار وسائط اجتماعية مجانية CSS3
نشرت: 2016-04-30مع تزايد التسويق الرقمي ، أصبحت وسائل التواصل الاجتماعي واحدة من أهم قنوات الإعلان . نعلم جميعًا أن وسائل التواصل الاجتماعي هي طريقة رائعة لجذب الزوار إلى موقع الويب. إذا تم استخدامه بشكل صحيح ، فسيساعدك على زيادة الوعي بعلامتك التجارية وتواجدك العام عبر الإنترنت.
نظرًا لاستخدام وسائل التواصل الاجتماعي على نطاق واسع ، فإن جميع مواقع الويب تقريبًا لديها روابط على صفحاتها الرئيسية إلى منصات التواصل الاجتماعي الخاصة بها. استشعر مصممو الويب هذا الاتجاه وبدأوا في إنشاء أيقونات وسائط اجتماعية مجانية ، إما كصور أو كأزرار للوسائط الاجتماعية CSS3 . ستساعدك أزرار الوسائط الاجتماعية CSS3 هذه ، الجذابة والنظيفة والمتنوعة ، على زيادة تواجدك على وسائل التواصل الاجتماعي في أي وقت من الأوقات!
اخترنا أدناه 25 زرًا مجانيًا لوسائل التواصل الاجتماعي CSS3. تأتي بعض العناصر الموجودة في هذه القائمة أيضًا مع برامج تعليمية شاملة يمكنك متابعتها وتعلم كيفية إنشاء أزرار الوسائط الاجتماعية CSS3 بنفسك!
ها هم! قم بتنزيل المجموعات التي تحتاجها!
قم بإنشاء أزرار وسائط اجتماعية ثلاثية الأبعاد باستخدام CSS3
يمكنك الآن بسهولة إنشاء أزرار وسائط اجتماعية ثلاثية الأبعاد باستخدام CSS3 ، لذا لا تتردد في استخدام هذه الأزرار في مشاريعك وإنشاء أخرى جديدة باستخدام البرنامج التعليمي أدناه كنقطة انطلاق.
أزرار وسائط اجتماعية مجانية CSS3
إليك مجموعة رائعة من أزرار الوسائط الاجتماعية التي تم إنشاؤها بالكامل باستخدام CSS3 والتي ستحب استخدامها في مشاريعك. ستبدو هذه رائعة سواء كنت تشاهدها بحجمها الأصلي ، أو أصغر من ذلك ، أو إذا قمت بالتكبير. اختر الحجم الذي تريد لصق الرمز!
رموز اجتماعية بسيطة css3
إليك مجموعة من أيقونات CSS3 للوسائط الاجتماعية البسيطة. تحتوي هذه المجموعة على كل ما تحتاجه والأيقونات مناسبة لأي مشروع تصميم ويب تقريبًا. هذه الرموز مربعة الشكل ويمكن استخدامها لأنواع مختلفة من مواقع التواصل الاجتماعي.
القطعة الاشتراك الاجتماعية حصة
هذه أداة اشتراك اجتماعية رائعة يمكنك إضافتها إلى الشريط الجانبي. يمكنك التحقق من رمز أداة المشاركة هذه في الرابط أعلاه.
زر المشاركة الاجتماعية CSS
إذا كنت لا ترغب في ازدحام موقع الويب الخاص بك بالعديد من أزرار الوسائط الاجتماعية ، فإن زر المشاركة الاجتماعية CSS3 هذا هو الخيار الأمثل لك! إنها مربعة وتستخدم تصميمًا مسطحًا. في الرابط أعلاه ، لديك الكود الذي يمكنك دراسته وتنفيذه في مشروع التصميم الخاص بك.
Zocial (وسائل التواصل الاجتماعي) أزرار CSS3
مع Zocial ، ستحصل على مجموعة من أزرار الوسائط الاجتماعية CSS3 المجانية باستخدام هذا الجزء المجاني من الكود. تأتي هذه الأزرار في العديد من اختلافات الألوان. لذلك ستجد بالتأكيد الشخص الذي تريده لمشروعك.
أزرار اجتماعية مسطحة
التصميم المسطح هو أهم اتجاه لتصميم الويب الآن! اجعل أزرار الوسائط الاجتماعية الخاصة بك مسطحة أيضًا ، بنقرات قليلة! هذه الأزرار مجانية وتأتي بأشكال مختلفة من الألوان. أضف رمز CSS3 هذا إلى موقعك وابدأ في استخدام هذه الأزرار لصفحة تسجيل الدخول إلى الوسائط الاجتماعية الخاصة بك. ستبدأ مشاريعك في الظهور بمظهر عصري وجذاب باستخدام أزرار الوسائط الاجتماعية المسطحة هذه.
زر تسجيل الدخول بشبكة اجتماعية
إذا لم تكن معجبًا كبيرًا بالأزرار المسطحة ، مثل تلك الموضحة أعلاه ، فيجب أن تجرب هذه الأزرار الدقيقة والكلاسيكية لتسجيل الدخول إلى الوسائط الاجتماعية ثلاثية الأبعاد. يتم توفير كود HTML و CSS لك في الرابط للتأكد من التحقق من كليهما ودراستهما عن كثب وتنفيذهما في مشاريع الويب الخاصة بك.
أيقونات CSS3 الاجتماعية
سواء كنت تريد أزرار وسائط اجتماعية مستديرة أو مربعة الشكل ، فإن مجموعة CSS3 هذه ستساعدك! تحتوي هذه المجموعة على الكثير من أزرار الوسائط الاجتماعية CSS التي يمكنك استخدامها في مشاريعك. إنها تأتي في كل من الإصدارات ذات التدرج الرمادي والملون وستبدو رائعة في مشروعك.
أزرار CSS3 الاجتماعية المتحركة
إليك مجموعة رائعة أخرى من أزرار الوسائط الاجتماعية CSS3 والتي سترغب بالتأكيد في إضافتها إلى مجموعتك. يمكنك استخدام أزرار الوسائط الاجتماعية الزرقاء ببضع نقرات فقط. كل ما عليك فعله هو نسخ الرموز الموجودة على موقعك وترقية الرموز الاجتماعية الحالية الخاصة بك.
كتلة CSS3 الاجتماعية
نمط المترو آخذ في الارتفاع أيضًا. إذا كان موقع الويب الخاص بك يتبع اتجاه التصميم هذا ، فيجب أن تحترم أزرار الوسائط الاجتماعية الخاصة بك نفس المبادئ. إليك كتلة اجتماعية CSS3 رائعة يمكنك إضافتها إلى الشريط الجانبي لموقعك. إنها معيارية وحجم الخلفية أكبر بكثير من المعتاد والأيقونات أصغر بالمقارنة. بشكل عام ، هذه مجموعة رائعة حقًا من مربعات الوسائط الاجتماعية CSS.
الأزرار الاجتماعية ثلاثية الأبعاد
تتميز أزرار الوسائط الاجتماعية الفريدة هذه بتأثير ثلاثي الأبعاد ستحبه على الفور وستريد إضافتها إلى مشروع الويب الخاص بك. استخدمها على موقع الويب الخاص بك أو الخاص بالعميل.
أزرار وسائط اجتماعية مستجيبة مستجيبة مع Pure CSS3
هل تريد إضافة تأثير CSS3 فريد إلى أزرار الوسائط الاجتماعية الخاصة بك؟ إذا كان الأمر كذلك ، فعليك حقًا التحقق من أزرار الوسائط الاجتماعية المنزلقة والمتجاوبة هذه والتي ستبدو رائعة على أي جهاز ومتصفحات! لقد تم تصنيعها باستخدام CSS3 النقي وهي تستند إلى تصميم مسطح أصبح عصريًا جدًا في الوقت الحاضر.
أيقونات الوسائط الاجتماعية بما في ذلك CSS Slide Effect
تحتوي هذه المجموعة على 15 رمزًا للوسائط الاجتماعية تأتي مع تأثير شريحة CSS الخاص بها. هذه الرموز أحادية اللون ولها تصميم بسيط. تتحول خلفيتها إلى اللون البرتقالي عند تحريك الماوس فوقها.
جولة الرموز الاجتماعية
إليك مجموعة رائعة من أيقونات الوسائط الاجتماعية الأنيقة والمستديرة التي ستحب استخدامها في مشاريع الويب الخاصة بك. يتضمن هذا المثال 64 بكسل ، أيقونات متجهية مثالية وقابلة للتحرير بالكامل ، كل منها محاط بمربع 48 × 48 بكسل من لون العلامة التجارية.
أزرار المشاركة الاجتماعية NeatNait CSS3
هذا مفهوم فريد لأزرار المشاركة الاجتماعية. يعرض كلاهما الروابط إلى حسابات الوسائط الاجتماعية الخاصة بك كما يعرض أيضًا عدد المشاركات التي تلقيتها عليها. تُظهر هذه الأزرار عدد المشاركة بطريقة نظيفة وبسيطة. أضف الشفرة إلى موقعك وابدأ في استخدامها اليوم.
الأزرار الاجتماعية المسطحة في CSS3
إليك مجموعة أخرى من الأزرار الاجتماعية المسطحة المصممة بالكامل باستخدام CSS3. هذه الأزرار ملفتة للنظر حقًا وتستخدم محرفًا رائعًا. تم تضمين أزرار Facebook و Twitter و G + في هذه المجموعة.
تلميح المشاركة الاجتماعية
هل يحتوي موقع الويب الخاص بك على لوحة ألوان طبيعية ذات ألوان ترابية؟ إذا كان الأمر كذلك ، فعليك التحقق من هذا المثال. هذا هو تلميح أداة مشاركة اجتماعية رائعة يمكنك استخدامه في مشاريع الويب الخاصة بك.
التنقل عبر المشاركة الاجتماعية
هذا هو التنقل الرائع للمشاركة الاجتماعية المصنوع باستخدام CSS3. لها ألوان جميلة كذلك. إذا كنت تعرف القليل من CSS ، فيمكنك تخصيصه بسهولة ليناسب احتياجاتك. لا تفوت فرصة الحصول على هذه المشاركة الاجتماعية للتنقل في مجموعتك.
قائمة المشاركة الاجتماعية CSS3 مع Hover
لا يمكنك أن تكون أبسط من ذلك عندما يتعلق الأمر برموز المشاركة الاجتماعية. إذا ألقيت نظرة فاحصة على هذه الرموز ، فستندهش من بساطتها. إنها تظهر فقط لون شبكة التواصل الاجتماعي وعدد المشاركات. إنها فائقة النظافة وأساسية ولها تأثير تحوم جميل.
الأزرار الاجتماعية مع خطوط الرموز
هذه بعض الأزرار الاجتماعية الأفقية الرائعة التي يمكنك إضافتها إلى موقعك. هذه الأزرار جميلة. يستخدمون أيقونات الوسائط الاجتماعية وخطوطهم الخاصة. لم يتم تضمين العدد الاجتماعي ، ولكن لديهم الرموز المضافة ، وكذلك النصوص.
تحوم الوسائط الاجتماعية فوق الرموز مع العناوين المنبثقة
يتم استخدام أيقونات الوسائط الاجتماعية الشفافة أكثر فأكثر كل يوم وإليك مجموعة رائعة مليئة بها. إنها بسيطة وغير مزعجة وفعالة وتعد بجعل موقع الويب الخاص بك يبدو أكثر إقناعًا. هذه مجموعة صغيرة تحتوي على أهم أيقونات الوسائط الاجتماعية ، مصنوعة من CSS3.
الحد الأدنى من الرموز لوسائل التواصل الاجتماعي
هذه مجموعة أيقونات وسائط اجتماعية أخرى بسيطة للغاية ستحب استخدامها. لا توجد كلمات ولا رموز ، فقط حرف واحد ولون تمثيلي لكل رمز. ستبدو هذه الرموز رائعة على موقعك.