მენიუს შექმნა, ალბათ, ერთ-ერთი მთავარი პუნქტია საიტებისა და პროგრამების შემუშავებაში. გარდა ამისა, ასეთი მენიუს კარგი შემუშავება და ლოგიკური დიზაინი საიტის ან ნებისმიერი პროგრამის სახეა. მაგალითად, ავიღოთ Microsoft და Windows 7 ოპერაციული სისტემა. Windows 7-ის გამოშვების შემდეგ, Microsoft– მა მოისმინა მრავალი კრიტიკა, რაც თავისთავად არ იყო მაამებელი. ბევრი კრიტიკა გამოითქვა, მაგრამ ყველაზე ხშირად მოუხერხებლად განლაგებული მენიუს ელემენტები. ფრთხილად წაიკითხეთ ეს სახელმძღვანელო, თუ როგორ უნდა შექმნათ ჰორიზონტალური ჩამოსაშლელი მენიუ CSS და Expression Web– ით. თეგის სტილები შეიცვლება მენიუს შესაქმნელად
ინსტრუქციები
Ნაბიჯი 1
გადადით სტილის მართვაზე და შემდეგ დააჭირეთ ღილაკს ახალი სტილი. თქვენს მიერ ახლახან შექმნილ ახალ სტილს დაარქვით სახელი Selector ul li. ასევე გახსოვდეთ, რომ ახალი სტილი უნდა განისაზღვროს ჩამოსაშლელ. Css ფაილში.
ნაბიჯი 2
ჰორიზონტალური მენიუს გასაგრძელებლად, მენიუს ელემენტებს უნდა უთხრათ, რომ ის ჰორიზონტალური იქნება. შემდეგ, თქვენ უნდა განსაზღვროთ თითოეული მენიუს ელემენტის სიგანე და წაშალოთ ყველა ზედმეტი წერტილი ყველა სიის ერთეულის წინ.
ნაბიჯი 3
ჰორიზონტალური გასწორებისთვის გადადით განლაგებაზე და მიუთითეთ ეკრანის ატრიბუტი თანდათანობით. დააყენეთ float ატრიბუტი მარცხნივ. დააჭირეთ ღილაკს მიმართვა. სიის ყველა ელემენტი უნდა იყოს მითითებული ერთ ხაზზე. იმისათვის, რომ ისინი ერთმანეთს არ გადაფარონ, თქვენ უნდა გააკეთოთ შემდეგი: დააყენეთ სიდიდის ატრიბუტის პოზიციის მნიშვნელობა 150px. ახლა გადაამოწმეთ. სიის ყველა ელემენტი უნდა გახდეს იგივე ზომა.
ნაბიჯი 4
ახლა ჩვენ უნდა ვეცადოთ წერტილების ამოღებას სიის ერთეულების წინ. ამისათვის გადადით სიაში და მიუთითეთ ჩამონათვალის სტილის ტიპის ტიპი.
ნაბიჯი 5
დააჭირეთ ღილაკს OK, რომ მიიღოთ ყველა ცვლილება.
ნაბიჯი 6
შრიფტის ზომის შეცვლა ul li სტილისთვის უნდა გააკეთოთ შემდეგი. სტილის მართვაში, დააწკაპუნეთ მარჯვენა ღილაკით, თქვენ უნდა აირჩიოთ მოდიფიკაციის სტილი. გაიხსნება ატრიბუტების დამატების ან შეცვლის ნაცნობი დიალოგური ფანჯარა. გადადით შრიფტის კატეგორიაში და დააყენეთ font-family ატრიბუტი Arial, Helvetica, sans-serif. შემდეგ გადადით შრიფტის ზომის ატრიბუტზე და დააყენეთ 0.9em. ამის შემდეგ, დააყენეთ ტექსტური გარდაქმნის ატრიბუტი, მიუთითეთ მნიშვნელობა მის ზედაზე.
ნაბიჯი 7
შექმნილ მენიუში არსებული ნივთების სიმაღლის რეგულირება შესაძლებელია პოზიციის კატეგორიაში. დააყენეთ სიმაღლის ატრიბუტი 30 პიქსელზე.
ნაბიჯი 8
შემდეგ, თქვენ უნდა შეინახოთ menu.html ფაილი. ამისათვის, Expression Web გახსნის ფაილის შესანახად საჭირო ჩარჩო ჩადგმული ფაილების შენახვას. შეინახეთ ჩამოსაშლელ. Css ფაილში. შენახვაზე დააჭირეთ ღილაკს OK.
ნაბიჯი 9
ახლა შეამოწმეთ თქვენი შედეგი. საიმედოობისთვის უმჯობესია შეამოწმოთ იგი სხვადასხვა ბრაუზერში. ნაგულისხმევ ბრაუზერში მიღებული შედეგის შესამოწმებლად, თქვენს კლავიატურაზე უნდა დააჭიროთ ღილაკს F12.
