Vakolatli HTML kodlari va oddiy CSS qoidalari yordamida siz ochiladigan menyu yaratishingiz, uni to'ldirishingiz va o'zgartirishingiz mumkin. Kaskadli jadvallar va belgilash tili vositalaridan foydalangan holda, menyuning o'zi barcha brauzerlarda to'g'ri ishlashiga ishonch hosil qilishingiz mumkin.
Ko'rsatmalar
1-qadam
Avval asosiy menyu satrini ushlab turing. Matn muharririda kichik menyu bilan maxsus raqamlangan ro'yxat yarating. Ushbu maqsadlar uchun odatda "Bloknot" ishlatiladi. Ichki menyu ota-onalar ro'yxatining elementi sifatida ishlaydi. Masalan: Birinchi ElementFlood ElementFlood Element2Field Element3Field Element4Field Element5
2-qadam
Ushbu ro'yxatni alohida HTML faylida saqlang. Keyin.css faylini yarating. Barcha kerakli uslublar jadvalini kiriting. Buni juda ehtiyotkorlik bilan bajaring, chunki bitta xato va ochilgan menyu to'g'ri ko'rsatilmaydi yoki umuman ishlamaydi.
3-qadam
O'q ro'yxatiga kiritilgan barcha o'qlarni va to'ldirgichlarni olib tashlang. CSS vositalari yordamida menyu kengligini o'rnating: ul -style: none; width: 200px; }
4-qadam
Ro'yxatdagi barcha elementlarning nisbiy holatini pozitsiya deb nomlangan atribut bilan belgilang: ul li: nisbiy; }
5-qadam
Sichqoncha kursori element ustida turganida elementlari ota menyudan o'ngga paydo bo'ladigan pastki menyuni joylashtiring: li ul: mutlaq; chap: 199px; top: 0; displey: yo'q; }
6-qadam
Chap atribut menyu kengligidan bir pikselga kam. Bu pop-up elementlarini ikki tomonlama chegaralarni yaratmasdan to'g'ri joylashtirishga imkon beradi. Displey atributi sahifani ochishda pastki menyuni yashirish uchun ishlatiladi.
7-qadam
Kerakli CSS-ni ishlatib, havolalarni uslublar. Displeyni blokirovka parametrini kiriting, shunda havolalar ular uchun ajratilgan barcha joyni egallaydi. Sichqoncha kursori ustida turganda menyu paydo bo'lishi uchun quyidagi kodni kiriting: li: hover ul: blok; }
8-qadam
Ro'yxat elementlari va havolalarni kerakli darajada ko'rsatish uchun qo'shimcha parametrlarni o'rnating. Atributni.html fayliga qo'shing. Qalqib chiquvchi menyu foydalanishga tayyor.
