როგორ მოვაწყოთ საიტის მენიუ

Სარჩევი:

როგორ მოვაწყოთ საიტის მენიუ
როგორ მოვაწყოთ საიტის მენიუ

ვიდეო: როგორ მოვაწყოთ საიტის მენიუ

ვიდეო: როგორ მოვაწყოთ საიტის მენიუ
ვიდეო: სრული საიტის აწყობა #1 2024, მაისი
Anonim

Ucoz არის ვებ – გვერდების მართვის პოპულარული სისტემა. მისი დახმარებით შეგიძლიათ მოირგოთ საკუთარი რესურსის თითოეული ელემენტი და შექმნათ გვერდის უნიკალური დიზაინი. მენიუ ნებისმიერი საიტის ერთ-ერთი მთავარი ელემენტია, რადგან სწორედ მისი საშუალებით ხდება მომხმარებლების ნავიგაცია თქვენს რესურსში.

როგორ მოვაწყოთ საიტის მენიუ
როგორ მოვაწყოთ საიტის მენიუ

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

Ნაბიჯი 1

შეგიძლიათ გამოიყენოთ საიტის შემქმნელის მართვის საშუალებები Ucoz- ში მენიუს პერსონალურად მოსაწყობად. ამრიგად, მენიუში შეგიძლიათ შეცვალოთ არჩეული შაბლონის ფონის ფერი, ბმულების და ტექსტის ფერი. ყველა ელემენტის რედაქტირება ხდება დიზაინერის მენიუს "Design" - "Design Management (CSS)" მეშვეობით.

ნაბიჯი 2

ეს გახსნის CSS სტილის ფურცელს, ე.ი. შაბლონი, რომლის საფუძველზეც ნაჩვენებია ინტერფეისის ელემენტები. ნაჩვენები კოდში იპოვნეთ ხაზი navBar და შეცვალეთ იგი, როგორც გესმით. Მაგალითად:

#navBar {padding: 4px; ფონი: # 959595; გადავსება: ავტო; ფერი: წითელი; }

ნაბიჯი 3

ეს კოდი ადგენს ტექსტის ჩაღრმავებას შექმნილი ბლოკის საზღვრებიდან 4 პიქსელით, ხოლო მენიუს ფონი იძენს მნიშვნელობას # 959595, რომელიც შეესაბამება გარკვეულ ფერს HTML ფორმატში. გადავსება: ავტომატური პარამეტრი გამოიყენება შინაარსის ჩვენების დასაყენებლად, რომელიც არ ჯდება მითითებულ არეალში. ამ პარამეტრის რედაქტირება განსაკუთრებული საჭიროების გარეშე არ უნდა მოხდეს. ფერის ვარიანტი ადგენს ბლოკის შინაარსის ელემენტებს წითელზე.

ნაბიჯი 4

ბმულის პარამეტრების შესწორებისათვის ასევე შეგიძლიათ გამოიყენოთ პარამეტრები, რომლებიც იმავე კოდის ბლოკშია. შეცვალეთ #navBar a: ბმული (ნორმალური ბმული), a: აქტიური (ბმულის ფერი დაწკაპუნების შემდეგ), a: მონახულებული (მონახულებული ბმული) და a: hover (ბმულის ფერი hover- ის შემდეგ) თქვენი გემოვნებით. შეცვალეთ ფერის ატრიბუტის ფერი და შეცვალეთ ტექსტის დეკორაციის პარამეტრი, რომელიც აყალიბებს ატრიბუტებს ტექსტისთვის. ამ ვარიანტის მნიშვნელობები შეიძლება იყოს ხაზგასმული, თვალის დახამხამება, ხაზის გადაღება, ხაზგასმული ხაზი

ნაბიჯი 5

რედაქტირების შემდეგ დააჭირეთ ღილაკს "შენახვა". ანალოგიურად შეცვალეთ ხაზები.subColumn (ვერტიკალური მენიუს ელემენტების ჩვენების ფონზე),.boxTable (მენიუს ბლოკების სათაურები),.boxContent (მენიუს ბმულების სიების შინაარსი),.uMenuV (ვერტიკალური მენიუს ელემენტები) თქვენი გემოვნებით. თქვენ შეგიძლიათ წაშალოთ ზედმეტი პარამეტრები და ჩასვათ თქვენი საკუთარი CSS კოდი, ასევე შეცვალოთ სხვა ელემენტების ფერები დიზაინში.

ნაბიჯი 6

შეინახეთ ცვლილებები და იხილეთ შედეგი თქვენი ვებ – გვერდის გვერდზე გადასვლით. Ucoz მენიუს ელემენტების რედაქტირება დასრულებულია.

გირჩევთ: