فئات CSS مسج
مسج موبايل استخدام فئات CSS أسلوب العناصر المختلفة.
للحصول على قائمة مرجعية أدناه، أدرجنا الطبقات المغلق لأنماط مشتركة.
فئات العالمية
يمكن إضافة هذه الفئات على أي الحاجيات مسج موبايل ( buttons, toolbars, panels, tables, lists ، الخ ..):
صف مدرسي | وصف |
---|---|
ui-corner-all | ويضيف زوايا مدورة إلى العنصر |
ui-shadow | ويضيف الظل لعنصر |
ui-overlay-shadow | ويضيف الظل تراكب إلى العنصر |
ui-mini | يجعل عنصر أصغر |
فئات زر
بالإضافة إلى فصول العالمية، يمكنك إضافة الفئات التالية إلى <a> أو <button> العناصر (وليس <input> أزرار):
صف مدرسي | وصف |
---|---|
ui-btn | ويجب أن يضاف إلى <a> العناصر إذا كنت تريد لها أن تكون على غرار الأزرار |
ui-btn-inline | يعرض زر مضمنة |
ui-btn-icon-top | مواقف رمز فوق نص الزر |
ui-btn-icon-right | مواقف الرمز إلى يمين النص زر |
ui-btn-icon-bottom | مواقف رمز أدناه نص الزر |
ui-btn-icon-left | مواقف الرمز إلى يسار النص زر |
ui-btn-icon-notext | يعرض فقط على أيقونة |
ui-btn-a|b | يحدد لون الزر. "a" هو الافتراضي (خلفية رمادية مع نص أسود)، في حين أن "b" سوف يغير لون خلفية سوداء مع نص أبيض |
فئات رمز
جميع فئات رمز المتاحة ل <a> و <button> عناصر (انظر المرجع الأيقونات لكيفية استخدام الرموز على عناصر أخرى):
صف مدرسي | icon الوصف: | أيقونة |
---|---|---|
ui-icon-action | العمل (السهم في اتجاه عقارب الساعة الانحناء للخروج من مربع) | |
ui-icon-alert | علامة تعجب داخل مثلث | |
ui-icon-audio | الصوت / المتحدثون | |
ui-icon-arrow-d-l | إلى أسفل، السهم الأيسر | |
ui-icon-arrow-d-r | إلى أسفل، السهم الأيمن | |
ui-icon-arrow-u-l | يصل، السهم الأيسر | |
ui-icon-arrow-u-r | يصل، السهم الأيمن | |
ui-icon-arrow-l | السهم الايسر | |
ui-icon-arrow-r | السهم الأيمن | |
ui-icon-arrow-u | سهم للاعلى | |
ui-icon-arrow-d | السهم لأسفل | |
ui-icon-back | العودة (السهم المنحني الانحناء عكس صعودا) | |
ui-icon-bars | ثلاثة أشرطة أفقية فوق بعضها البعض | |
ui-icon-bullets | ثلاث رصاصات الأفقية فوق بعضها البعض | |
ui-icon-calendar | تقويم | |
ui-icon-camera | الة تصوير | |
ui-icon-carat-d | قيراط أسفل | |
ui-icon-carat-l | قيراط الأيسر | |
ui-icon-carat-r | قيراط الصحيح | |
ui-icon-carat-u | حتى قيراط | |
ui-icon-check | علامة الاختيار | |
ui-icon-clock | ساعة حائط | |
ui-icon-cloud | غيم | |
ui-icon-comment | تعليق / رسالة | |
ui-icon-delete | حذف | |
ui-icon-edit | تحرير / قلم رصاص | |
ui-icon-eye | عين | |
ui-icon-forbidden | علامة ممنوع | |
ui-icon-forward | إلى الأمام - (اتجاه عقارب الساعة الانحناء سهم منحني صعودا) | |
ui-icon-gear | معدات | |
ui-icon-grid | شبكة | |
ui-icon-heart | القلب / رمز الحب | |
ui-icon-home | منزل منزل | |
ui-icon-info | معلومات | |
ui-icon-location | موقع | |
ui-icon-lock | قفل / قفل | |
ui-icon-mail | البريد / رسالة | |
ui-icon-minus | علامة ناقص | |
ui-icon-navigation | ملاحة | |
ui-icon-phone | هاتف | |
ui-icon-power | الطاقة (تشغيل / إيقاف) | |
ui-icon-plus | علامة زائد | |
ui-icon-recycle | علامة سلة | |
ui-icon-refresh | تحديث - السهم الدائري | |
ui-icon-search | بحث / عدسة مكبرة | |
ui-icon-shop | متجر / حقيبة | |
ui-icon-star | نجمة | |
ui-icon-tag | بطاقة | |
ui-icon-user | العضو / ألف شخص | |
ui-icon-video | كاميرا فيديو |
فئات موضوع
يوفر مسج موبايل فئتين موضوع: أ (الرمادي) وب (أسود). ومع ذلك، يمكنك أيضا إنشاء قيم الطبقة الخاصة، والعرف الخاص بك - وصولا إلى حرف "z" (انظر الفصل موبايل). يسرد الجدول أدناه الطبقات موضوع المتاحة. الرسائل (az) يعني أنه يمكنك تعيين حرف من الألف إلى الياء. على سبيل المثال: ui-bar-a أو ui-bar-b ، الخ
صف مدرسي | وصف |
---|---|
ui-bar-(a-z) | يحدد لون لشريط - الرؤوس والتذييلات والأشرطة الأخرى |
ui-body-(a-z) | يحدد اللون لحجب المواد - صفحة أجزاء المحتوى (إهمال في الإصدار 1.4.0)، عناصر ListView، بالنوافذ، collapsibles، محمل، المتزلجون، والألواح |
ui-btn-(a-z) | يحدد لون زر (ورمز) |
ui-group-theme-(a-z) | يحدد لون controlgroups، listviews ومجموعات قابلة للطي |
ui-overlay-(a-z) | تحدد لون خلفية الصفحة أن الحوار، يظهر منبثقة والحاويات صفحة أخرى على رأس |
ui-page-theme-(a-z) | يحدد لون للصفحات |
فئات الشبكة
الأعمدة في شبكة هي متساوية العرض (و 100٪ على نطاق واسع في المجموع)، مع عدم وجود الحدود، الخلفية، الهامش أو الحشو. هناك خمس شبكات تخطيط التي يمكن استخدامها:
فئة الشبكة | الأعمدة | عرض العمود | يتوافق مع | مثال |
---|---|---|---|---|
ui-grid-solo | 1 | 100% | ui-block-a | Try it |
ui-grid-a | 2 | 50% / 50% | ui-block-a|b | Try it |
ui-grid-b | 3 | 33% / 33% / 33% | ui-block-a|b|c | Try it |
ui-grid-c | 4 | 25% / 25% / 25% / 25% | ui-block-a|b|c|d | Try it |
ui-grid-d | 5 | 20% / 20% / 20% / 20% / 20% | ui-block-a|b|c|d|e | Try it |
لمزيد من المعلومات حول شبكات، اقرأ مسج موبايل شبكات الفصل .