كانت الفكرة وراء هذا المشروع إلى إنتاج مجموعة متناسقة من الأزرار التي يمكن استخدامها لمجموعة من الإجراءات التي اتخذت في كثير من الأحيان الاجتماعية في تطبيقات ويب. هذه الإجراءات غالبا ما تكون الأهداف الهامة للمستخدمين، مثل ربط طرف ثالث حسابات أو تبادل المحتوى إلى منصات طرف ثالث، لذلك مظهرها يجب أن تكون جذابة واضحة.
الأزرار القياسية التي توفرها أطراف ثالثة (مثل twitter، وFacebook وSoundCloud) تختلف في نمط وحجم والتفاعل. ويمكن لمجموعة متناسقة الزر تخفيض الكثير من هذه الضوضاء البصرية والتضارب. وعلاوة على ذلك، وجود لها في شكل المغلق يعني أن تغيير النص لإجراءات معينة سيكون نسيم للمطورين، ويسمح أيضا للمسؤولين من غير الإنكليزية مواقع لترجمة التسميات في لغاتهم الأصلية.
وقد تم تصميم مجموعة زر من البداية وحتى لا تحتاج إلى توصيف اضافية، والعناصر المستخدمة هي تماما في اختيار المصمم (مراعاة لغويا). جميع أزرار قابلة للتغيير بشكل كامل وقابل للتعديل، وأنها تتحلل برشاقة على المتصفحات القديمة، على الرغم من الجماليات في IE 6 و 7 هي أقل شأنا باعتراف الجميع أن الصورة القائمة على بدائل.
تحميل مجموعة الازرار مجانا
هذه المجموعة الأزرار مجانية للاستخدام وتوسيع، شخصيا أو تجاريا. لم يكن ان تحتاج إلى اسناد.
لقطات من كل مجموعة وفيما يلي. عرض عرض حي..
استعمال
وقد تم تصميم مجموعة الزر مع البساطة ودلالات في الاعتبار. ليس هناك حاجة لا لزوم لها أو العلامات الإضافية، وتسمى أنواع الزر من خلال أسماء فئة. استدعاء ملف zocial.css على الصفحة الخاصة بك (تأكد من الملفات الخط وملف zocial.css هي في نفس الدليل). ويمكن عرض أزرار مع العلامات التالية:
الأزرار القياسية التي توفرها أطراف ثالثة (مثل twitter، وFacebook وSoundCloud) تختلف في نمط وحجم والتفاعل. ويمكن لمجموعة متناسقة الزر تخفيض الكثير من هذه الضوضاء البصرية والتضارب. وعلاوة على ذلك، وجود لها في شكل المغلق يعني أن تغيير النص لإجراءات معينة سيكون نسيم للمطورين، ويسمح أيضا للمسؤولين من غير الإنكليزية مواقع لترجمة التسميات في لغاتهم الأصلية.
وقد تم تصميم مجموعة زر من البداية وحتى لا تحتاج إلى توصيف اضافية، والعناصر المستخدمة هي تماما في اختيار المصمم (مراعاة لغويا). جميع أزرار قابلة للتغيير بشكل كامل وقابل للتعديل، وأنها تتحلل برشاقة على المتصفحات القديمة، على الرغم من الجماليات في IE 6 و 7 هي أقل شأنا باعتراف الجميع أن الصورة القائمة على بدائل.
تحميل مجموعة الازرار مجانا
هذه المجموعة الأزرار مجانية للاستخدام وتوسيع، شخصيا أو تجاريا. لم يكن ان تحتاج إلى اسناد.
- معاينة
- عرض
- تحميل الحزمة (ZIP, 147 KB)
- GitHub repository (مكتوبة بخط اليد CSS)
لقطات من كل مجموعة وفيما يلي. عرض عرض حي..
استعمال
وقد تم تصميم مجموعة الزر مع البساطة ودلالات في الاعتبار. ليس هناك حاجة لا لزوم لها أو العلامات الإضافية، وتسمى أنواع الزر من خلال أسماء فئة. استدعاء ملف zocial.css على الصفحة الخاصة بك (تأكد من الملفات الخط وملف zocial.css هي في نفس الدليل). ويمكن عرض أزرار مع العلامات التالية:
العنصر الرئيسي هو الملحد، لذلك استخدم
, ولكن يجب أن تحتوي على
<a>, <div>أو <button>, ولكن يجب أن تحتوي على
<span>
أزرار لاختيار من مجموعة، وتشمل اسم الفئة الملائمة لهذه الخدمة، مثل
.dropbox, .linkedin أو .twitter.
ويمكن عرض إصدارات رمز من قبل بما في ذلك فئة رمز إضافي، على النحو التالي:
| <a class="zocial quora icon">Follow me on Quora</a> |