Menu dọc cho trang web là một chức năng rất tiện lợi giúp tiết kiệm không gian và dễ dàng điều hướng tài nguyên. Bạn có thể tạo nó dựa trên các trang định kiểu CSS xếp tầng hoặc sử dụng các công cụ đặc biệt.
Hướng dẫn
Bước 1
Mở trang web purecssmenu.com và đăng ký trên đó, nếu không bạn sẽ không thể tạo và tải xuống menu đã tạo. Ở phía bên trái, tìm nút Mẫu và nhấp vào nút đó. Bên dưới sẽ có các cửa sổ nhỏ với các mẫu menu dọc. Nhấp vào từng cái một và xem trong cửa sổ Xem trước. Chọn mẫu phù hợp nhất với trang web của bạn.
Bước 2
Đặt phông chữ và màu sắc của menu bằng cách sử dụng tab Tham số. Bạn có thể chọn một phông chữ và kích thước của nó trong trường Phông chữ. Nếu cần, hãy chỉ định gạch chân / in đậm. Đặt nền (background) của menu dọc trong trường Colors, đặt màu của phông chữ và màu nền khi di chuột (fonthover / backgroundhover).
Bước 3
Chuyển đến menu Mục để quản lý các mục trong menu. Nhấp vào nút Xóa sẽ xóa các mục mẫu để bạn có thể tạo của riêng mình. Chỉ cần nhấp vào phím cộng AddItem để thêm một mục vào cuối menu là đủ. Sử dụng nút AddNextItem, bạn có thể thêm một mục sẽ theo sau thời gian hiện được chọn. Nút AddSubitem trong menu tạo một mục lồng nhau cho mục đã chọn. Để xóa một dòng, hãy sử dụng nút RemoveItem.
Bước 4
Mở thông số mục (ItemParameters) ở cuối trang web. Nhập tên cho mục menu trong dòng Văn bản và địa chỉ web của nó trong Liên kết. Dòng Mẹo chịu trách nhiệm về mô tả của mục, được hiển thị khi con trỏ di chuột qua liên kết. Phần Mục tiêu xác định cách trang được mở. Với tham số _self, trang có thể được định cấu hình để mở trong cửa sổ trình duyệt hiện tại.
Bước 5
Tải xuống menu làm sẵn bằng cách nhấp vào nút Tải xuống ở cuối trang. Sao chép mã tương ứng nằm trong tệp purecssmenu.html vào tệp mẫu CSS: ở đầu và ở cuối. Đảm bảo dán đúng mã và lưu tệp.
