Bu wikiHow sizga Adobe Dreamweaver-dan veb-sahifa uchun ochiladigan oynani yaratishni o'rgatadi. Ochiladigan oynalar-bu sizning veb-sahifangizdagi element bosilganda "ochiladigan" menyular bo'lib, bu jarayonda ko'proq imkoniyatlarni taqdim etadi.
Qadamlar
Qadam 1. Dreamweaver loyihasini oching
Buning uchun loyiha faylini ikki marta bosing. Agar siz yangi Dreamweaver loyihasini yaratmoqchi bo'lsangiz, uning o'rniga Dreamweaver -ni ochasiz, ustiga bosing Fayl, bosing Yangiva ekrandagi har qanday ko'rsatmalarni bajaring.
Qadam 2. Buyurtma qilingan ro'yxatni yarating
Ochiladigan menyuni yaratish uchun sizda kamida bitta o'q nuqtasi bo'lishi kerak. Siz CSS -ni o'chirish orqali o'q nuqtasini yaratishingiz mumkin (Ko'rinish menyu bandini tanlang Uslubni ko'rsatishva bosing Uslublarni ko'rsatish agar u belgilangan bo'lsa), nuqta qo'shmoqchi bo'lgan joyni bosing, oynaning pastki qismidagi o'q belgisi belgisini bosing va nuqta nomini kiriting. Davom etishdan oldin CSS -ni qayta yoqishingiz kerak.
- Bu erda nuqta nomi ochiladigan menyuning faollashtiruvchisi bo'lib xizmat qiladi (masalan, ochiladigan menyuni ochish uchun uning ustiga sichqoncha bosilgan yoki bosilgan tugma).
- Agar sizda ochiladigan menyuga aylantirmoqchi bo'lgan ro'yxat elementi bo'lsa, bu bosqichni o'tkazib yuboring.
3 -qadam. Sizning ro'yxatingiz nomini aniqlang
Ni bosing Kod yorlig'iga o'ting va u erda ekanligingizga ishonch hosil qiling Manba kodi sozlang va keyin buyurtma ro'yxat kodiga o'ting (u "o'rtasida" bo'ladi)
"teg va"
"tag) va yuqoridan" "tegini qidiring.
Tag. Qo'shtirnoq ichidagi so'z sizning ro'yxatingizning nomi.
-
Agar siz ismni ko'rmasangiz, tegni (bu erda ism sizning xohlagan ro'yxatingizga tegishli) to'g'ridan -to'g'ri yuqoriga qo'ying
teg
Qadam 4. o'q nuqtalarini olib tashlang
Tugmasini bosib kerakli joyda ekanligingizga ishonch hosil qiling Dizayn yorlig'ini bosing va keyin bosing CSS dizayneri oynaning yuqori o'ng burchagidagi yorliqni bosing, so'ng quyidagilarni bajaring:
- Bosing + "Tanlovchilar" sarlavhasining o'ng tomonida.
- #Name ul kiriting, bu erda "ism" ro'yxatning nomi.
- ↵ Enter tugmasini ikki marta bosing.
- Pastga siljiting va bosing ro'yxat uslubi turi pastki qismidagi oynada CSS dizayneri yorliq
- Bosing hech kim natijada ochiladigan menyuda.
Qadam 5. Buyurtma berilgan ro'yxatni gorizontal ko'rinishda o'zgartiring
Buning uchun:
- Bosing + "Tanlovchilar" sarlavhasining o'ng tomonida.
- #Name li kiriting, bu erda "ism" ro'yxatning nomi.
- Oynaning pastki qismidagi "float" sarlavhasini toping CSS dizayneri yorliq
- Ni bosing Chapda "float" sarlavhasining o'ng tomonidagi tugma.
Qadam 6. Ro'yxatingiz uchun faol teg qo'shing
Ni bosing + "Tanlovchilar" ning o'ng tomonidagi tugmachani bosing, so'ngra #name a kiriting (bu erda "ism" - ro'yxatning nomi) va ↵ Enter tugmasini ikki marta bosing.
Qadam 7. Fon rangini qo'shing
Ni tanlang #ism a Agar kerak bo'lsa, elementning yuqori qismidagi "Fon rangi" katakchasini bosing CSS dizayneri oynasida, ni tanlang fon rangi variantni tanlang va fon rangini tanlang.
Bu sizning ochiladigan ro'yxatingizdagi elementlardan foydalanadigan rang
Qadam 8. Ro'yxat elementlarini "blokirovka" formatidan foydalaning
Bu format, kimdir ro'yxatdagi biror narsani bosish yoki bosish uchun ketganda, matnni aniq tanlash shart emas, balki uni biroz yuqoridan yoki pastdan tanlab ochish imkoniyatini beradi.
- Sizning ishonch hosil qiling #ism a element tanlanadi CSS dizayneri yorliq
- Pastki oynada "displey" sarlavhasiga o'ting.
- "Ko'rsatish" sarlavhasining o'ng burchagini bosing va keyin bosing blokirovka qilish Olingan menyuda.
Qadam 9. Agar kerak bo'lsa, to'ldirishni qo'shing
Agar siz ro'yxatdagi narsalar bir -biriga qarama -qarshi bo'lib qolganini ko'rsangiz, quyidagilarni bajarib, ular orasiga bo'sh joy qo'yishingiz mumkin:
- Sizning ishonch hosil qiling #ism a element tanlanadi CSS dizayneri yorliq
- Pastki oynada "to'ldirish" sarlavhasiga o'ting.
- Yuqori va pastki "px" matn maydonlarini kamida 5 o'qish uchun o'zgartiring.
- Chap va o'ngdagi "px" matn maydonlarini kamida 10 o'qish uchun o'zgartiring.
10 -qadam. Hover rangini yarating
Bu sichqoncha kursorini ochiladigan menyudagi elementga olib kelganingizda paydo bo'ladigan rang:
- Bosing + "Tanlovchilar" sarlavhasining o'ng tomonida.
- #Nave a: hover kiriting (bu erda "ism" ro'yxatning nomi) va ↵ Enter tugmasini ikki marta bosing.
- "Fon rangi" yorlig'ini bosing.
- Tanlang fon rangi keyin fon rangiga qaraganda ochiq rangni tanlang.
11 -qadam. CSS -ni o'chirib qo'ying
Ni bosing Ko'rinish menyu bandini tanlang Uslubni ko'rsatish, va ni bosing Uslublarni ko'rsatish ochilgan oynada variant.
Agar Uslublarni ko'rsatish variant kulrang bo'lsa, Dreamweaver hujjatining istalgan joyini bosing va qaytadan urining.
12-qadam. Ochiladigan menyu tarkibini yarating
Siz buni ochiladigan menyuning tugmasi sifatida ishlatmoqchi bo'lgan o'q nuqtasi ostiga pastki nuqtalarni qo'shish orqali qilishingiz mumkin:
- Ochiladigan menyuga aylantirmoqchi bo'lgan ro'yxat elementining o'ng tomonini bosing va keyin ↵ Enter ni bosing.
- Tab ↹ tugmasini bosing.
- Birinchi ochiladigan menyu elementining nomini kiriting va Enter tugmasini bosing.
- Keyingi ochiladigan menyu nomini kiriting, so'ngra Enter tugmasini bosing va kerak bo'lganda takrorlang.
13-qadam. Ochiladigan menyu tarkibini o'q elementiga bog'lang
Buning uchun:
- Bosing + "Tanlovchilar" yonida, #name ul ul yozing va ↵ Enter tugmasini ikki marta bosing.
- Pastga siljiting va bosing ko'rsatish, keyin bosing hech kim ochilgan menyuda.
- Toping va bosing pozitsiya, keyin bosing mutlaq ochilgan menyuda.
Qadam 14. Ochiladigan menyuni o'zi yarating
Buni amalga oshirish uchun yana bir tanlovchini qo'shishingiz kerak bo'ladi:
- Bosing + "Tanlovchilar" yoniga, keyin #name ul li: hover> ul kiriting va ↵ Enter tugmasini ikki marta bosing.
- Toping va bosing ko'rsatish, keyin bosing blokirovka qilish natijada ochiladigan menyuda.
15-qadam. Ochiladigan menyuning mazmunini vertikal ko'rinishga keltiring
Odatiy bo'lib, ochiladigan menyu mazmuni gorizontal satrda ko'rsatiladi, lekin siz ularni vertikal ustunga majburlashingiz mumkin:
- Bosing + "Tanlovchilar" yonida, #name ul ul li kiriting va ↵ Enter tugmasini ikki marta bosing.
- "Float" sarlavhasini toping.
- "Hech kim" ni bosing () "suzuvchi" sarlavhasining o'ng tomonidagi variant.
16 -qadam. Loyihangizni saqlang
Buning uchun Ctrl+S (Windows) yoki ⌘ Buyruq+S (Mac) tugmalarini bosing.
