تكنولوجيا المعلومات تتطور كل يوم. وما بدا أنه شيء بعيد المنال من قبل ، أصبح اليوم متاحًا بالفعل لكل رجل في الشارع تقريبًا. وليس من الضروري على الإطلاق امتلاك قدرات ومعرفة خارقة للطبيعة لإنشاء موقع الويب الخاص بك. وإذا كنا نتحدث فقط عن إضافة قائمة إلى الموارد الخاصة بك ، فيمكن حتى لتلميذ المدرسة التعامل معها.
انه ضروري
كمبيوتر متصل بالإنترنت
تعليمات
الخطوة 1
انتقل إلى موقع PureCSSMenu. هنا سترى محررًا مرئيًا يمكنك من خلاله إنشاء قائمة لأي موقع بسرعة وسهولة.
الخطوة 2
للانتقال إلى الصفحة حيث يتم وضع قوالب القائمة ، انقر فوق الزر "النماذج" الموجود على اليسار. ثم تحتاج إلى تحديد النموذج الذي تريده والنقر فوقه. في نافذة "معاينة" ، سترى قائمة تعمل بالفعل ، تم إنشاؤها باستخدام أوراق الأنماط المتتالية.
الخطوه 3
تصفح من خلال كل من القوالب المقترحة لاختيار أفضل ما يناسب موقعك. إذا كان اللون والخط الذي أعجبك بنمط القائمة لا يتناسبان مع نظام ألوان الموقع ، فيمكنك تغيير هذه المعلمات بالنقر فوق علامة التبويب "المعلمات".
الخطوة 4
قم بتغيير اللون والخط باستخدام كود HTML أو حدده من اللوحة التي يوفرها المورد بالنقر فوق الظل الذي تريده.
الخطوة الخامسة
الآن قم بإنشاء هيكل قائمة لموقعك. للقيام بذلك ، انقر فوق الزر "العناصر". في علامة التبويب التي تفتح ، سترى زرًا بعلامة زائد كبيرة والنقش "إضافة عنصر". انقر فوق هذا الزر وسيتم إضافة عنصر جديد في نهاية القائمة. لإدراج عنصر جديد في منتصف القائمة ، حدد علامة التبويب التي يجب إضافتها بعد ذلك وانقر فوق الزر المسمى "إضافة العنصر التالي".
الخطوة 6
لإضافة عنصر فرعي إلى القائمة المنسدلة ، اضغط على الزر المسمى "إضافة عنصر فرعي" ، بعد تحديد عنصر القائمة الذي سيحتوي على علامة التبويب الجديدة. إذا كنت تريد إزالة أي عنصر من العناصر ، فحدده وانقر على زر "إزالة العنصر".
الخطوة 7
في منطقة "معلمات العنصر" ، من الضروري ملء جميع الحقول حتى تعمل القائمة الجديدة بشكل صحيح. في حقل "النص" ، أدخل اسم عنصر القائمة ، في حقل "الرابط" ، أدخل عنوان الصفحة التي سيتم الانتقال إليها بعد النقر فوق هذا الزر. لاختيار كيفية فتح الصفحة ، في الحقل "الهدف" ، عيّن القيمة "_self" أو "_blank". مع الخيار الأول ، سيتم فتح الصفحة في نفس النافذة ، مع تحديد وظيفة "_blank" - في خيار جديد.
الخطوة 8
أنت الآن بحاجة إلى لصق رمز القائمة التي تم إنشاؤها في موقعك. للقيام بذلك ، انقر فوق الزر "تنزيل" الموجود في الركن الأيمن السفلي ، وحدد مجلدًا على جهاز الكمبيوتر الخاص بك حيث سيتم حفظ أرشيف purecssmenu-com.zip. بعد حفظ الملف ، قم بفك ضغط هذا الأرشيف وافتح ملف purecssmenu.html الذي يحتوي على رمز القائمة. انسخ هذا الرمز والصقه في ملف قالب موقع الويب الخاص بك.
