CSS/MegaMenu

من موسوعة حسوب
< CSS
مراجعة 08:10، 11 مارس 2019 بواسطة جميل-بيلوني (نقاش | مساهمات) (أنشأ الصفحة ب'[ { "columns": [ { "control": { "type": "bullets", "config": { "t...')
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)

[

   {
       "columns": [
           {
               "control": {
                   "type": "bullets",
                   "config": {
                       "text": "تنسيق العناصر",
                       "url": "#",
                       "items": [
                           {
                               "text": "الألوان",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Colors"
                           },
                           {
                               "text": "الخلفيات",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Background"
                           },
                           {
                               "text": "الإطارات",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Border"
                           },
                           {
                               "text": "الخطوط",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Font"
                           },
                           {
                               "text": "النصوص",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Text"
                           },
                           {
                               "text": "الجداول",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Table"
                           },
                           {
                               "text": "القوائم",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_List"
                           }
                       ]
                   }
               }
           },
           {
               "control": {
                   "type": "bullets",
                   "config": {
                       "text": "التخطيطات والتموضع",
                       "url": "#",
                       "items": [
                           {
                               "text": "موضع العناصر",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Positioning"
                           },
                           {
                               "text": "واجهات المستخدم",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_User_Interface"
                           },
                           {
                               "text": "النموذج الصندوقي",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Box_Model"
                           },
                           {
                               "text": "تخطيط Flex Box",
                               "url": "/CSS/border-image"
                           },
                           {
                               "text": "تخطيط الأعمدة Column",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Columns"
                           },
                           {
                               "text": "التخطيط الشبكي Grid",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Grid"
                           }
                       ]
                   }
               }
           },
           {
               "control": {
                   "type": "bullets",
                   "config": {
                       "text": "الحركات والانتقالات",
                       "url": "#",
                       "items": [
                           {
                               "text": "الحركات",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Animations"
                           },
                           {
                               "text": "الانتقالات",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Transitions"
                           },
                           {
                               "text": "التحويلات",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Transforms"
                           }
                       ]
                   }
               }
           },
           {
               "control": {
                   "type": "bullets",
                   "config": {
                       "text": "تحديد العناصر",
                       "url": "#",
                       "items": [
                           {
                               "text": "المحددات في CSS",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Selectors"
                           },
                           {
                               "text": "الأصناف الزائفة",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_pseudo-class"
                           },
                           {
                               "text": "العناصر الزائفة",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_pseudo-element"
                           },
                           {
                               "text": "المرشحات",
                               "url": "/CSS#.D8.A7.D9.84.D9.85.D9.8F.D8.B1.D8.B4.D9.90.D9.91.D8.AD.D8.A7.D8.AA"
                           }
                       ]
                   }
               }
           },
           {
               "control": {
                   "type": "bullets",
                   "config": {
                       "text": "مواضيع متقدمة",
                       "url": "#",
                       "items": [
                           {
                               "text": "أنواع البيانات",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Data_Type"
                           },
                           {
                               "text": "قواعد @",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_At-rule"
                           },
                           {
                               "text": "المحتوى المولد",
                               "url": "/%D8%AA%D8%B5%D9%86%D9%8A%D9%81:CSS_Generated_Content"
                           },
                           {
                               "text": "القيم في CSS",
                               "url": "/CSS#.D8.A7.D9.84.D9.82.D9.8A.D9.85_.D9.81.D9.8A_CSS"
                           },
                           {
                               "text": "متفرقات",
                               "url": "/CSS#.D9.85.D8.AA.D9.81.D8.B1.D9.82.D8.A7.D8.AA"
                           }
                       ]
                   }
               }
           }
       ]
   }

]