Веб-сайттың тік мәзірін қалай жасауға болады

Мазмұны:

Веб-сайттың тік мәзірін қалай жасауға болады
Веб-сайттың тік мәзірін қалай жасауға болады

Бейне: Веб-сайттың тік мәзірін қалай жасауға болады

Бейне: Веб-сайттың тік мәзірін қалай жасауға болады
Бейне: Сілтемені қалай көшіріп, жіберуге болады? 2024, Мамыр
Anonim

Сайттың тік мәзірі - бұл орынды үнемдеуге және ресурстарды оңай басқаруға көмектесетін өте ыңғайлы функция. Сіз оны CSS стиль кестелерінің негізінде немесе арнайы құралдарды қолдану негізінде жасай аласыз.

Веб-сайттың тік мәзірін қалай жасауға болады
Веб-сайттың тік мәзірін қалай жасауға болады

Нұсқаулық

1-қадам

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

2-қадам

Параметрлер қойындысын пайдаланып мәзірдің қаріпі мен түсін орнатыңыз. Қаріп өрісін және оның өлшемін таңдауға болады. Қажет болса, астын сызыңыз / қалың сөзді көрсетіңіз Түстер өрісіне тік мәзірдің фонын (фонын) орнатыңыз, қаріптің түсін және фонның түсін hover (фонтовер / backgroundhover) үстіне қойыңыз.

3-қадам

Мәзір элементтерін басқару үшін Элементтер мәзіріне өтіңіз. Өшіру батырмасын басқанда, сіз өзіңізді жасай алатындай етіп, үлгілік элементтерді өшіресіз. Мәзір соңына пункт қосу үшін AddItem plus пернесін басу жеткілікті. AddNextItem батырмасын пайдаланып, ағымдағы таңдалған уақыттан кейін орын алатын элементті қосуға болады. Мәзірдегі AddSubitem батырмасы таңдалғанға арналған пункт жасайды. Жолды алып тастау үшін RemoveItem батырмасын пайдаланыңыз.

4-қадам

Сайттың төменгі жағындағы элементтің параметрлерін (ItemParameters) ашыңыз. Мәтін жолына мәзір пунктінің атауын, ал сілтемеде оның веб-адресін енгізіңіз. Кеңес жолы элементтің сипаттамасына жауап береді, сілтеме меңзер меңзерді қозғағанда көрсетілген. Мақсат бөлімі парақтың қалай ашылатындығын анықтайды. _Self параметрімен бетті ағымдағы шолғыш терезесінде ашылатын етіп конфигурациялауға болады.

5-қадам

Беттің төменгі жағындағы Жүктеу түймесін басу арқылы дайын мәзірді жүктеңіз. CSS шаблон файлына purecssmenu.html файлында орналасқан сәйкес кодты көшіріңіз: басында және соңында. Дұрыс кодты қойып, файлды сақтағаныңызға көз жеткізіңіз.

Ұсынылған: