تاريخ نشر : 15‏/05‏/2012

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


كانت الفكرة وراء هذا المشروع إلى إنتاج مجموعة متناسقة من الأزرار التي يمكن استخدامها لمجموعة من الإجراءات التي اتخذت في كثير من الأحيان الاجتماعية في تطبيقات ويب. هذه الإجراءات غالبا ما تكون الأهداف الهامة للمستخدمين، مثل ربط طرف ثالث حسابات أو تبادل المحتوى إلى منصات طرف ثالث، لذلك مظهرها يجب أن تكون جذابة واضحة.
الأزرار القياسية التي توفرها أطراف ثالثة (مثل twitter، وFacebook وSoundCloud) تختلف في نمط وحجم والتفاعل. ويمكن لمجموعة متناسقة الزر تخفيض الكثير من هذه الضوضاء البصرية والتضارب. وعلاوة على ذلك، وجود لها في شكل المغلق يعني أن تغيير النص لإجراءات معينة سيكون نسيم للمطورين، ويسمح أيضا للمسؤولين من غير الإنكليزية مواقع لترجمة التسميات في لغاتهم الأصلية.

وقد تم تصميم مجموعة زر من البداية وحتى لا تحتاج إلى توصيف اضافية، والعناصر المستخدمة هي تماما في اختيار المصمم (مراعاة لغويا). جميع أزرار قابلة للتغيير بشكل كامل وقابل للتعديل، وأنها تتحلل برشاقة على المتصفحات القديمة، على الرغم من الجماليات في IE 6 و 7 هي أقل شأنا باعتراف الجميع أن الصورة القائمة على بدائل.

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

لقطات من كل مجموعة وفيما يلي
.
عرض عرض حي..










 استعمال

وقد تم تصميم مجموعة الزر مع البساطة ودلالات في الاعتبار. ليس هناك حاجة لا لزوم لها أو العلامات الإضافية، وتسمى أنواع الزر من خلال أسماء فئة. استدعاء ملف zocial.css على الصفحة الخاصة بك (تأكد من الملفات الخط وملف zocial.css هي في نفس الدليل). ويمكن عرض أزرار مع العلامات التالية:


العنصر الرئيسي هو الملحد، لذلك استخدم<a>, <div>أو <button>
, ولكن يجب أن تحتوي على العنصر <span>

أزرار لاختيار من مجموعة، وتشمل اسم الفئة الملائمة لهذه الخدمة، مثل .dropbox, .linkedin أو .twitter.
ويمكن عرض إصدارات رمز من قبل بما في ذلك فئة رمز إضافي، على النحو التالي:

<a class="zocial quora icon">Follow me on Quora</a>

هل يعجبك هذا؟

إتصل بنا

الاسم

بريد إلكتروني *

رسالة *

إشترك في النشرة البريدية للحصول على آخر المواضيع


تابعنا في اليوتيوب

تابعنا على الفيس بوك