Тік ашылмалы мәзірді қалай жасауға болады

Мазмұны:

Тік ашылмалы мәзірді қалай жасауға болады
Тік ашылмалы мәзірді қалай жасауға болады

Бейне: Тік ашылмалы мәзірді қалай жасауға болады

Бейне: Тік ашылмалы мәзірді қалай жасауға болады
Бейне: REVIT-тағы үй жоспары. 1 бөлім: Осьтер, қасиеттер, қабырғалар, материалдың параметрлері 2024, Қараша
Anonim

Тік ашылмалы мәзір өте ыңғайлы - бұл веб-беттегі орынды үнемдейді, сонымен бірге сайтта оңай шарлауға көмектеседі. CSS - Cascading Style Sheets негізінде ашылмалы мәзір жасауға тырысыңыз. Егер сіз әлі CSS кодын жасау бойынша маман болмасаңыз, онда purecssmenu.com қызметін пайдаланыңыз. Сізден мәзір түрін таңдап, сыртқы түрін реттеп, содан кейін өзіңіздің сайтыңызға бейімдеуіңіз керек. Қызметтің өзі қажетті кодты жасайды, оны сіз өзіңіздің сайтыңыздың файлдарына енгізесіз.

Тік ашылмалы мәзірді қалай жасауға болады
Тік ашылмалы мәзірді қалай жасауға болады

Нұсқаулық

1-қадам

Purecssmenu.com веб-сайтына тіркеліңіз, әйтпесе сіз жасалған мәзірді жүктей алмайсыз. Парақтың сол жағындағы Үлгілер түймесін басыңыз. Төменде менюдің шаблондары ашылған бірнеше кішігірім терезелерді көресіз, оларды басқанда Алдын ала қарау терезесінде оң жағына алдын ала қарау жүктеледі. Өз сайтыңызға сәйкес келетін үлгіні таңдаңыз

2-қадам

Мәзірдің қарпі мен түсін теңшеңіз: Параметрлер қойындысын пайдаланыңыз. Қаріп өрісінде қаріпті, қаріптің өлшемін, қажет болса, астын сызып, қою етіп таңдаңыз. Түстер өрісінде мәзірдің фонын, қаріптің түсін, қаріптің апарылуы мен фонды жылжыту түстерін орнатыңыз

3-қадам

Мәзір элементтерін басқару үшін «Элементтер» қойындысын ашыңыз. Егер қоқыс жәшігін тазалау батырмасын бассаңыз, үлгі элементтері жойылады және сіз өзіңізді жасай аласыз. Ол үшін Элемент қосу плюс батырмасын басыңыз - пункт мәзір соңына қосылады. «Келесі элементті қосу» батырмасы ағымдағы таңдалған уақыттан кейін элементті қосу үшін қолданылады. Add Subitem батырмасы таңдау үшін ішкі мәзір пунктін жасайды. Тиісінше, элементті алып тастау үшін, Элементті жою батырмасын пайдаланыңыз

4-қадам

Сайттың төменгі жағындағы тармақтың параметрлері өрісіне назар аударыңыз. Мәтін жолында мәзір пунктінің атауын, Сілтеме жолында - осы тармақ апаратын парақтың URL мекенжайын көрсетіңіз. Кеңес жолында сіз элементтің сипаттамасын қалдыра аласыз, ол сілтеме үстіне жылжытқанда көрсетіледі. Мақсатты сызық сілтеме апаратын парақты ашудың жолын анықтау үшін қолданылады. Бұл жолдағы _self параметрі бетті браузердің терезесінде дәл қазіргідей ашады

5-қадам

Мәзірді орнатуды аяқтағаннан кейін оны жүктеп алыңыз - парақтың төменгі оң жағындағы Жүктеу түймесін басыңыз (бұл функция сайтта тіркелгеннен кейін қол жетімді). Қатты дискідегі архив файлы сақталатын қалтаны таңдаңыз. Бумадан шығарыңыз. Сізге қажетті кодты purecssmenu.html файлынан өзіңіздің сайтыңыздың CSS шаблон файлына көшіру керек. Purecssmenu.html файлын мәтіндік редактормен ашып, және тегтер арасындағы кодты сайтыңыздың CSS шаблонына көшіріңіз (бұл файл.css кеңейтіліміне ие және file.css тәрізді). Енді кодты өзіңіздің сайт шаблоныңызға (тақырыптар) файлға қойыңыз - қарапайым мәзір кодының орнына түсініктемелер арасында purecssmenu.html кодын салыңыз. Мұны істеу үшін сізге бағдарламалауды аз да болса білу керек. Кодты дұрыс файлға қойып, сақтағаныңызға көз жеткізіңіз.

Ұсынылған: