როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ

Სარჩევი:

როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ
როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ

ვიდეო: როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ

ვიდეო: როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ
ვიდეო: როგორ შევქმათ ამოსარჩევი / ჩამოსაშლელი მენიუ ჩამონათვალი 2024, დეკემბერი
Anonim

ვერტიკალური ჩამოსაშლელი მენიუ ძალიან მოსახერხებელია - ის ზოგავს ადგილს ვებგვერდზე, ხოლო ამავე დროს ხელს უწყობს საიტის მარტივად ნავიგაციას. შეეცადეთ ჩამოსაშლელი მენიუ შექმნათ CSS - კასკადური სტილის ფურცლების საფუძველზე. თუ ჯერ არ ხართ CSS კოდის შექმნის ექსპერტი, გამოიყენეთ purecssmenu.com სერვისი. თქვენ მოგიწევთ შეარჩიოთ მენიუს ტიპი, მოირგოთ მისი გარეგნობა და შემდეგ მოერგოთ თქვენს საკუთარ საიტზე. თავად სერვისი წარმოქმნის საჭირო კოდს, რომელსაც შემდეგ ჩადებთ თქვენი საიტის ფაილებში.

როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ
როგორ განვახორციელოთ ვერტიკალური ჩამოსაშლელი მენიუ

ინსტრუქციები

Ნაბიჯი 1

დარეგისტრირდით ვებგვერდზე purecssmenu.com, წინააღმდეგ შემთხვევაში ვერ შექმნით მენიუს ჩამოტვირთვას. დააჭირეთ შაბლონების ღილაკს გვერდის მარცხენა მხარეს. ქვემოთ ნახავთ რამდენიმე პატარა ფანჯარას ჩამოსაშლელი მენიუს შაბლონებით, რომელთა დაწკაპუნებით ჩატვირთვა გადახედვა მარჯვნივ, გადახედვის ფანჯარაში. შეარჩიეთ თქვენი საიტის შაბლონი

ნაბიჯი 2

მონიშნეთ მენიუს შრიფტი და ფერი: გამოიყენეთ ჩანართის პარამეტრები. შრიფტის ველში აირჩიეთ შრიფტი, შრიფტის ზომა, საჭიროების შემთხვევაში, ხაზგასმული და სქელი. ფერების ველში მიუთითეთ მენიუს ფონი, შრიფტის ფერი და შრიფტის ამოფრქვევის ფერები

ნაბიჯი 3

გახსენით ელემენტი ჩანართში მენიუს ელემენტების სამართავად. თუ დააჭირეთ ღილაკს Clear recycle bin, წაიშლება ნიმუშის ნიმუში და შეგიძლიათ შექმნათ თქვენი საკუთარი. ამისათვის დააჭირეთ ღილაკს დამატება პუნქტის დამატება - ელემენტი დაემატება მენიუს ბოლოს. შემდეგი ელემენტის დამატება ღილაკი გამოიყენება ნივთის დასამატებლად, რომელიც გაკეთებულია შერჩეული დროის შესაბამისად. Add Subitem ღილაკი ქმნის ქვე-მენიუს ერთეულს შერჩევისთვის. შესაბამისად, ნივთის ამოსაღებად გამოიყენეთ ღილაკის ამოღება

ნაბიჯი 4

ყურადღება მიაქციეთ ნივთის პარამეტრების ველს საიტის ბოლოში. ტექსტის სტრიქონში მიუთითეთ მენიუს ელემენტის სახელი, ბმულის ხაზში - იმ გვერდის url, რომელსაც ეს ელემენტი მიჰყავს. მინიშნების ხაზში შეგიძლიათ დატოვოთ ელემენტის აღწერა, რომელიც გამოჩნდება ბმულზე გადაფურცვლისას. სამიზნე ხაზი გამოიყენება იმ გვერდის გასახსნელად, რომლითაც მიდის ბმული. ამ ხაზის _ თავად პარამეტრი ხსნის გვერდს იმავე ბრაუზერის ფანჯარაში, როგორც ამჟამინდელი

ნაბიჯი 5

მენიუს დაყენების დასრულების შემდეგ, გადმოწერეთ იგი - დააწკაპუნეთ ღილაკზე ჩამოტვირთვა ღილაკს ქვედა გვერდზე (ეს ფუნქცია ხელმისაწვდომია საიტზე დარეგისტრირების შემდეგ). შეარჩიეთ საქაღალდე თქვენს მყარ დისკზე, სადაც შეინახება არქივი. გახსენით იგი. თქვენ უნდა გადაწეროთ საჭირო კოდი purecssmenu.html ფაილიდან თქვენი საიტის CSS შაბლონის ფაილში. გახსენით purecssmenu.html ფაილი ტექსტური რედაქტორით და დააკოპირეთ კოდი და ტეგებს შორის თქვენი საიტის CSS შაბლონში (ამ ფაილს აქვს.css გაფართოება და ჰგავს file.css). ახლა ჩასვით კოდი თქვენს საიტის შაბლონის (თემების) ფაილში - კოდი purecssmenu.html– დან კომენტარებსა და მენიუს ჩვეულებრივი კოდის ნაცვლად. ამისათვის თქვენ ცოტათი მაინც უნდა იცოდეთ პროგრამირება. დარწმუნდით, რომ ჩასვით კოდი სწორ ფაილში და შეინახეთ.

გირჩევთ: