انشاء القوائم المنسدلة بلغة CSS بدون كتابة اكواد















معظم مواقع الانترنت والمدونات ايضا تحتوى فى تصميمها على قوائم منسدلة Navigation Menus ، يتم انشاء هذه القوائم بلغة HTML و CSS وهى عملية صعبة تحتاج الى جهد ووقت ، عادة يلجأ المصممون الى استخدام برامج خاصة لانشاء القوائم المنسدلة ، ما نعرضه فى هذا الموضوع هو انشاء القوائم المنسدلة بدون برامج وبدون كتابة اكواد ايضا ، تابعوا معنا هذا الموضوع .
موقع LIST-O-Matic من المواقع المتميزة فى انشاء القوائم المنسدلة ، الخطوة الاولى تبدأ بادخال النص المطاوب اظهاره فى القائمة ، مثلا - الصفحة الرئيسية ثم ادخال العنوان او الـ URL الخاص بالنص ، يتم ادخال النص فى المستطيل Link/text والعنوان فى المستطيل Address/URL ، يمكنك اضافة قائمة فرعية للقائمة الرئيسية بوضع علامة فى المستطيل : This link contains sub-level navigation (optional حيث يمكنك اضافة النص وعنوان URL للقائمة الفرعية ، لاضافة قائمة اخرى رئيسية اضغط على الرابط Add top level navigation item + ثم اضافة قائمة فرعية ان وجد وهكذا      

الان وقد اتهيت من اضافة القوائم المطلوبة يمكنك الضغط على I'm done show me the styles حيث يعرض الموقع مجموعة من الاستايلات - styles وهى اشكال مختلفة والوان متنوعة للقوائم منها horizontal styles وهى القوائم الافقية و vertical styles وهى القوائم الرئسية حيث يمكنك اختيار احدهم ، بعد الانتهاء من عملية اختيار الستايل ، اضغط على show me the makup لتحصل على الكود المكتوب بلغة CSS وايضا HTML ، اختر احدهم وضعه فى موقعك ، يمكنك الرجوع والتعديل فى القوائم كما تريد ونسخ الكود مجددا .

الموقع لايحتاج الى تسجيل ولاسابق خبرة بالبرمجة بلغة CSS او HTML


ليست هناك تعليقات: