أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery Mobile فئات CSS


فئات 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

لمزيد من المعلومات حول شبكات، اقرأ مسج موبايل شبكات الفصل .