Vertikal Ochiladigan Menyu Qanday Tayyorlanadi

Mundarija:

Vertikal Ochiladigan Menyu Qanday Tayyorlanadi
Vertikal Ochiladigan Menyu Qanday Tayyorlanadi
Anonim

Vertikal ochiladigan menyu juda qulay - bu veb-sahifadagi joyni tejashga imkon beradi, shu bilan birga saytni osongina boshqarishga yordam beradi. CSS - Cascading Style Sheets asosida ochiladigan menyu yaratishga harakat qiling. Agar siz hali CSS kodini yaratish bo'yicha mutaxassis bo'lmasangiz, unda purecssmenu.com xizmatidan foydalaning. Sizdan menyu turini tanlash, tashqi ko'rinishini sozlash va keyin uni o'z saytingizga moslashtirish talab qilinadi. Xizmatning o'zi kerakli kodni yaratadi, keyin uni saytingiz fayllariga qo'shasiz.

Vertikal ochiladigan menyu qanday tayyorlanadi
Vertikal ochiladigan menyu qanday tayyorlanadi

Ko'rsatmalar

1-qadam

Purecssmenu.com veb-saytida ro'yxatdan o'ting, aks holda siz yaratilgan menyuni yuklab ololmaysiz. Sahifaning chap qismidagi Shablonlar tugmachasini bosing. Quyida menyu shablonlari ochilgan bir nechta kichik oynalarni ko'rasiz, ularni bosish orqali Ko'rish oynasida o'ng tomonga oldindan ko'rish yuklanadi. Saytingizga mos keladigan shablonni tanlang

2-qadam

Menyuning shriftini va rangini moslashtiring: Parameters yorlig'idan foydalaning. Shrift maydonida shriftni tanlang, agar kerak bo'lsa, shrift o'lchamini, ostiga va qalin qilib qo'ying. Ranglar maydonida menyu fonini, shrift rangini va shriftni ko'tarish va fonni ko'tarish ranglarini o'rnating

3-qadam

Menyu elementlarini boshqarish uchun Ob'ektlar yorlig'ini oching. Qayta ishlash qutisini tozalash tugmachasini bosgan bo'lsangiz, namunaviy elementlar o'chiriladi va siz o'zingiz yaratishingiz mumkin. Buning uchun Ob'ektni qo'shish plyus tugmachasini bosing - element menyu oxiriga qo'shiladi. Keyingi elementni qo'shish tugmasi tanlangan vaqtdan keyin elementni qo'shish uchun ishlatiladi. Subtem qo'shish tugmasi tanlov uchun pastki menyu elementini yaratadi. Shunga ko'ra, elementni olib tashlash uchun, Elementni olib tashlash tugmasidan foydalaning

4-qadam

Saytning pastki qismidagi Element Parameters maydoniga e'tibor bering. Matn satrida menyu elementining nomini, bog'lanish satrida - ushbu element olib boradigan sahifaning urlini ko'rsating. Maslahat satrida siz elementning tavsifini qoldirishingiz mumkin, u havola ustiga o'tsangiz ko'rsatiladi. Maqsad chizig'i havola olib boradigan sahifani ochish usulini aniqlash uchun ishlatiladi. Ushbu satrda _self parametri sahifani joriy bilan bir xil brauzer oynasida ochadi

5-qadam

Menyuni sozlashni tugatgandan so'ng uni yuklab oling - sahifaning pastki o'ng qismidagi Yuklash tugmachasini bosing (bu funktsiya saytga ro'yxatdan o'tgandan keyin mavjud). Arxiv fayli saqlanadigan qattiq diskdagi papkani tanlang. Paketdan oling. Kerakli kodni purecssmenu.html faylidan saytingizning CSS shablon fayliga ko'chirishingiz kerak bo'ladi. Matn muharriri bilan purecssmenu.html faylini oching va saytdagi CSS shabloniga va teglar orasidagi kodni nusxalash (bu fayl.css kengaytmasiga ega va file.css kabi ko'rinishga ega). Endi kodni sayt shabloniga (mavzular) faylga joylashtiring - oddiy menyu kodi o'rniga sharhlar orasidagi purecssmenu.html-dan kod. Buning uchun dasturlash bilan kamida bir oz tanishishingiz kerak. Kodni to'g'ri faylga joylashtiring va saqlang.

Tavsiya: