ვერტიკალური მენიუ საიტისთვის არის ძალიან მოსახერხებელი ფუნქცია, რომელიც ხელს უწყობს სივრცის დაზოგვას და რესურსში მარტივად ნავიგაციას. ამის გაკეთება შეგიძლიათ კასკადური CSS სტილის ფურცლების საფუძველზე ან სპეციალური ინსტრუმენტების გამოყენებით.
ინსტრუქციები
Ნაბიჯი 1
გახსენით purecssmenu.com ვებსაიტი და დარეგისტრირდით მასზე, წინააღმდეგ შემთხვევაში თქვენ ვერ შეძლებთ შექმნილი მენიუს შექმნას და ჩამოტვირთვას. მარცხენა მხარეს იპოვნეთ შაბლონების ღილაკი და დააჭირეთ მას. ქვემოთ განთავსდება პატარა ფანჯრები ვერტიკალური მენიუს შაბლონებით. დააჭირეთ მათ სათითაოდ და იხილეთ Preview ფანჯარაში. შეარჩიეთ შაბლონი, რომელიც საუკეთესოდ შეესაბამება თქვენს საიტს.
ნაბიჯი 2
დააყენეთ მენიუს შრიფტი და ფერი პარამეტრების ჩანართის გამოყენებით. შრიფტის და მისი ზომის არჩევა შეგიძლიათ შრიფტის ველში. საჭიროების შემთხვევაში, მიუთითეთ ხაზგასმული / სქელი. დააყენეთ ვერტიკალური მენიუს ფონი (ფონი) Colors სფეროში, დააყენეთ შრიფტის და ფონის ფერი hover- ზე (fonthover / backgroundhover).
ნაბიჯი 3
მენიუს ელემენტების სამართავად გადადით ნივთების მენიუში. ღილაკზე „გასუფთავება“ღილაკზე დაჭერით, ნიმუშების ნიმუში გასუფთავდება, რათა შექმნათ თქვენი საკუთარი. საკმარისია დააჭიროთ ღილაკს AddItem plus და დაამატოთ ნივთი მენიუს ბოლოს. AddNextItem ღილაკის გამოყენებით შეგიძლიათ დაამატოთ ნივთი, რომელიც მოჰყვება ამჟამად შერჩეული დროის შემდეგ. AddSubitem ღილაკი მენიუში ქმნის წყობილი ერთეულს არჩეულისთვის. ხაზის ამოსაღებად გამოიყენეთ ღილაკი RemoveItem.
ნაბიჯი 4
გახსენით ერთეულის პარამეტრები (ItemParameters) საიტის ბოლოში. შეიტანეთ მენიუს ერთეულის სახელი ტექსტურ სტრიქონში, ხოლო მისი ვებ – მისამართი ბმულში. ტიპების სტრიქონი პასუხისმგებელია ნივთის აღწერილობაზე, რომელიც ნაჩვენებია კურსორის გადაადგილებისას ბმულზე. სამიზნე განყოფილება განსაზღვრავს გვერდის გახსნის წესს. _ თვით პარამეტრით, გვერდის კონფიგურაცია შესაძლებელია გახსნას ბრაუზერის ამჟამინდელ ფანჯარაში.
ნაბიჯი 5
ჩამოტვირთეთ მზა მენიუ გვერდის ბოლოში ჩამოტვირთვის ღილაკზე დაჭერით. გადაწერეთ შესაბამისი კოდი, რომელიც მდებარეობს purecssmenu.html ფაილში, CSS შაბლონის ფაილში: დასაწყისში და ბოლოს. დარწმუნდით, რომ ჩასვით სწორი კოდი და შეინახეთ ფაილი.
