Công nghệ thông tin đang phát triển từng ngày. Và điều mà trước đây tưởng chừng là điều không thể đạt được, thì ngày nay hầu hết mọi người đàn ông trên phố đều đã có sẵn. Và hoàn toàn không cần thiết phải có khả năng siêu phàm và kiến thức để tạo ra trang web của riêng bạn. Và nếu chúng ta chỉ nói về việc thêm một menu vào tài nguyên của bạn, thì ngay cả một đứa trẻ đi học cũng có thể xử lý nó.
Nó là cần thiết
Máy tính có kết nối internet
Hướng dẫn
Bước 1
Truy cập trang web PureCSSMenu. Tại đây, bạn sẽ thấy một trình chỉnh sửa trực quan mà bạn có thể nhanh chóng và dễ dàng tạo menu cho bất kỳ trang web nào.
Bước 2
Để chuyển đến trang trình bày các mẫu menu, hãy nhấp vào nút "Mẫu", ở bên trái. Sau đó, bạn cần chọn mẫu bạn thích và nhấp vào nó. Trong cửa sổ "Xem trước", bạn sẽ thấy một menu thực sự hoạt động, được tạo bằng cách sử dụng các bảng kiểu xếp tầng.
Bước 3
Duyệt qua từng mẫu được đề xuất để chọn mẫu phù hợp nhất với trang web của bạn. Nếu màu sắc và phông chữ mà bạn thích theo kiểu menu không phù hợp với bảng màu của trang web, thì bạn có thể thay đổi các thông số này bằng cách nhấp vào tab "Tham số".
Bước 4
Thay đổi màu sắc và phông chữ bằng cách sử dụng mã HTML hoặc chọn nó từ bảng màu được cung cấp bởi tài nguyên bằng cách nhấp vào bóng râm bạn thích.
Bước 5
Bây giờ hãy tạo cấu trúc menu cho trang web của bạn. Để thực hiện việc này, hãy nhấp vào nút "Mục". Trong tab mở ra, bạn sẽ thấy một nút có dấu cộng lớn và dòng chữ "Thêm mục". Nhấp vào nút này và một mục mới sẽ được thêm vào cuối menu. Để chèn một mục mới vào giữa menu, hãy chọn tab mà sau đó sẽ được thêm vào và nhấp vào nút có nhãn "Thêm mục tiếp theo".
Bước 6
Để thêm một mục phụ vào menu thả xuống, hãy nhấn nút có nhãn "Thêm Mục phụ", sau khi chọn mục menu sẽ chứa tab mới. Nếu bạn muốn xóa bất kỳ mục nào, hãy chọn mục đó và nhấp vào nút "Xóa mục".
Bước 7
Trong khu vực "Thông số mục", cần phải điền vào tất cả các trường để menu mới hoạt động chính xác. Trong trường "Văn bản", nhập tên của mục menu, trong trường "Liên kết", nhập địa chỉ của trang mà quá trình chuyển đổi sẽ diễn ra sau khi nhấp vào nút này. Để chọn cách mở trang, trong trường "Mục tiêu", hãy đặt giá trị "_self" hoặc "_blank". Với tùy chọn đầu tiên, trang sẽ mở trong cùng một cửa sổ, với chức năng "_blank" được chọn - trong một cửa sổ mới.
Bước 8
Bây giờ bạn cần dán mã của menu đã tạo vào trang web của mình. Để thực hiện việc này, hãy nhấp vào nút "Tải xuống", nằm ở góc dưới bên phải và chọn một thư mục trên máy tính của bạn nơi lưu trữ purecssmenu-com.zip sẽ được lưu. Sau khi lưu tệp, hãy giải nén tệp lưu trữ này và mở tệp purecssmenu.html chứa mã menu của bạn. Sao chép mã này và dán vào tệp mẫu trang web của bạn.
