Կայքի ուղղահայաց ընտրացանկը շատ հարմար գործառույթ է, որն օգնում է տարածք խնայել և հեշտությամբ նավարկվել ռեսուրսում: Այն կարող եք պատրաստել ՝ հիմնվելով կասկադային CSS ոճի թերթիկների վրա կամ օգտագործելով հատուկ գործիքներ:
Հրահանգներ
Քայլ 1
Բացեք purecssmenu.com կայքը և գրանցվեք դրանում, հակառակ դեպքում դուք չեք կարողանա ստեղծել և ներբեռնել ստեղծված ընտրացանկը: Ձախ կողմում գտնեք Կաղապարներ կոճակը և կտտացրեք այն: Ստորև կգտնվեն փոքր պատուհաններ ՝ ուղղաձիգ ընտրացանկի ձևանմուշներով: Սեղմեք դրանց վրա մեկ առ մեկ և դիտեք Նախադիտման պատուհանում: Ընտրեք այն ձևանմուշը, որը լավագույնս համապատասխանում է ձեր կայքին:
Քայլ 2
Սահմանեք ընտրացանկի տառատեսակը և գույնը `օգտագործելով Պարամետրեր ներդիրը: Տառատեսակի դաշտում կարող եք ընտրել տառատեսակ և դրա չափը: Անհրաժեշտության դեպքում նշեք ընդգծված / թավատառ: Գույների դաշտում տեղադրեք ուղղահայաց ընտրացանկի ֆոնը (ֆոնը), դրեք տառատեսակի և ֆոնի գույնի գույնը սավառնել (fonthover / backgroundhover):
Քայլ 3
Գնացեք Նյութերի ընտրացանկ ՝ ցանկի տարրերը կառավարելու համար: Սեղմելով «Մաքրել» կոճակը, կջնջի ընտրանքային իրերը, որպեսզի կարողանաք ստեղծել ձեր սեփականը: Բավական է կտտացնել AddItem plus ստեղնին ՝ ընտրացանկի վերջում մի նյութ ավելացնելու համար: Օգտագործելով AddNextItem կոճակը, կարող եք ավելացնել մի նյութ, որը կհետեւի ընթացիկ ընտրված ժամանակից հետո: Menuանկի մեջ AddSubitem կոճակը ստեղծում է տեղադրված տարր ընտրվածի համար: Գիծ հանելու համար օգտագործեք RemoveItem կոճակը:
Քայլ 4
Բացեք նյութի պարամետրերը (ItemParameters) կայքի ներքեւի մասում: Տեքստային տողում մուտքագրեք անուն ընտրացանկի անունը, իսկ հղման մեջ `դրա վեբ հասցեն: Հուշման տողը պատասխանատու է իրի նկարագրության համար, որը ցուցադրվում է, երբ կուրսորը սավառնում է հղման վրայով: Թիրախ բաժինը սահմանում է, թե ինչպես է էջը բացվում: _ Self պարամետրով էջը կարող է կազմաձեւվել ՝ բացելու համար զննարկչի ներկայիս պատուհանում:
Քայլ 5
Ներբեռնեք պատրաստի ընտրացանկը ՝ կտտացնելով ներբեռնման կոճակին էջի ներքևում: Պատրաստեք purecssmenu.html ֆայլում տեղակայված համապատասխան ծածկագիրը CSS ձևանմուշի ֆայլի մեջ. Սկզբում և վերջում: Համոզվեք, որ տեղադրեք ճիշտ կոդը և պահեք ֆայլը:
