تعد القائمة المنسدلة العمودية سهلة الاستخدام - فهي توفر مساحة على صفحة الويب ، بينما تساعد في نفس الوقت على التنقل بسهولة في الموقع. حاول إنشاء قائمة منسدلة بناءً على CSS - أوراق الأنماط المتتالية. إذا لم تكن خبيرًا في إنشاء كود CSS ، فاستخدم خدمة purecssmenu.com. أنت مطالب بتحديد نوع القائمة ، وتخصيص مظهره ، ثم تكييفه مع موقعك الخاص. ستنشئ الخدمة نفسها الشفرة اللازمة ، والتي تدخلها بعد ذلك في ملفات موقعك.
تعليمات
الخطوة 1
قم بالتسجيل على موقع الويب purecssmenu.com ، وإلا فلن تتمكن من تنزيل القائمة التي تم إنشاؤها. انقر فوق الزر "قوالب" على الجانب الأيسر من الصفحة. أدناه سترى العديد من النوافذ الصغيرة مع قوالب القائمة المنسدلة ، والنقر فوقها سيؤدي إلى تحميل معاينة على اليمين في نافذة المعاينة. اختر قالبًا يناسب موقعك
الخطوة 2
تخصيص خط ولون القائمة: استخدم علامة التبويب المعلمات. في حقل الخط ، حدد الخط وحجمه ، إذا لزم الأمر ، قم بتسطيره وغامق. في حقل الألوان ، عيّن خلفية القائمة ولون الخط وتحويم الخط وألوان التمرير في الخلفية
الخطوه 3
افتح علامة تبويب العناصر لإدارة عناصر القائمة. إذا قمت بالنقر فوق الزر مسح سلة المحذوفات ، فسيتم مسح عناصر العينة ويمكنك إنشاء الخاصة بك. للقيام بذلك ، اضغط على زر إضافة عنصر زائد - ستتم إضافة العنصر إلى نهاية القائمة. يتم استخدام الزر "إضافة العنصر التالي" لإضافة عنصر بعد الوقت المحدد حاليًا. يقوم الزر Add Subitem بإنشاء عنصر قائمة فرعية للتحديد. وفقًا لذلك ، لإزالة عنصر ، استخدم زر إزالة العنصر
الخطوة 4
انتبه إلى حقل معلمات العنصر في أسفل الموقع. في سطر النص ، حدد اسم عنصر القائمة ، في سطر الارتباط - عنوان url للصفحة التي سينتقل إليها هذا العنصر. في سطر التلميح ، يمكنك ترك وصف للعنصر ، والذي سيظهر عند التمرير فوق الارتباط. يتم استخدام السطر الهدف لتحديد طريقة فتح الصفحة التي يؤدي إليها الارتباط. تفتح المعلمة _self في هذا السطر الصفحة في نفس نافذة المتصفح مثل النافذة الحالية
الخطوة الخامسة
بعد الانتهاء من إعداد القائمة ، قم بتنزيلها - انقر فوق الزر "تنزيل" في أسفل يمين الصفحة (هذه الوظيفة متاحة بعد التسجيل في الموقع). حدد مجلدًا على محرك الأقراص الثابتة الخاص بك حيث سيتم حفظ ملف الأرشيف. فكها. ستحتاج إلى نسخ الكود المطلوب من ملف purecssmenu.html إلى ملف قالب CSS الخاص بموقعك. افتح ملف purecssmenu.html باستخدام محرر نصوص وانسخ الكود بين العلامات والعلامات في قالب CSS لموقعك (هذا الملف له امتداد.css ويبدو مثل file.css). الآن قم بلصق الشفرة في ملف قالب الموقع (السمات) - الكود من purecssmenu.html بين التعليقات وبدلاً من رمز القائمة العادي. للقيام بذلك ، يجب أن تكون على دراية بسيطة بالبرمجة. تأكد من لصق الرمز في الملف الصحيح وحفظه.
