Cách Tùy Chỉnh Menu Trang Web

Mục lục:

Cách Tùy Chỉnh Menu Trang Web
Cách Tùy Chỉnh Menu Trang Web

Video: Cách Tùy Chỉnh Menu Trang Web

Video: Cách Tùy Chỉnh Menu Trang Web
Video: Hướng Dẫn Chỉnh Sửa Menu Website Theme Flatsome Wordpress | Dinmarketing 2024, Có thể
Anonim

Ucoz là một hệ thống quản lý trang web phổ biến. Với sự trợ giúp của nó, bạn có thể tùy chỉnh từng phần tử của tài nguyên của riêng mình và tạo ra một thiết kế trang độc đáo. Menu là một trong những yếu tố chính của bất kỳ trang web nào, bởi vì thông qua đó, người dùng điều hướng qua tài nguyên của bạn.

Cách tùy chỉnh menu trang web
Cách tùy chỉnh menu trang web

Hướng dẫn

Bước 1

Bạn có thể sử dụng các điều khiển của trình tạo trang web để tùy chỉnh menu trong Ucoz. Vì vậy, bạn có thể thay đổi màu nền của mẫu đã chọn, màu của liên kết và văn bản trong các khối menu. Việc chỉnh sửa tất cả các yếu tố được thực hiện thông qua menu nhà thiết kế "Thiết kế" - "Quản lý thiết kế (CSS)".

Bước 2

Điều này sẽ mở ra một biểu định kiểu CSS, tức là mẫu trên cơ sở các thành phần giao diện được hiển thị. Tìm dòng navBar trong mã được hiển thị và chỉnh sửa nó khi bạn thấy phù hợp. Ví dụ:

#navBar {padding: 4px; nền: # 959595; tràn: tự động; màu đỏ; }

Bước 3

Mã này đặt thụt lề của văn bản từ các đường viền của khối đã tạo 4 pixel, trong khi nền của menu nhận giá trị # 959595, tương ứng với một màu nhất định trong định dạng HTML. Tham số tràn: tự động được sử dụng để thiết lập hiển thị nội dung không phù hợp với khu vực được chỉ định. Thông số này không nên được chỉnh sửa nếu không có nhu cầu đặc biệt. Tùy chọn màu đặt các phần tử nội dung của khối thành màu đỏ.

Bước 4

Để chỉnh sửa các tham số của một liên kết, bạn cũng có thể sử dụng các tùy chọn trong cùng một khối mã. Thay đổi liên kết #navBar a: (liên kết bình thường), a: hoạt động (màu liên kết sau khi nhấp vào), a: đã thăm (liên kết đã truy cập) và a: hover (màu liên kết sau khi di chuột) theo sở thích của bạn. Thay đổi màu của thuộc tính color và chỉnh sửa thông số trang trí văn bản, thông số này sẽ đặt các thuộc tính cho văn bản. Các giá trị cho tùy chọn này có thể là gạch dưới, nhấp nháy, gạch ngang, gạch ngang.

Bước 5

Sau khi chỉnh sửa, nhấp vào nút "Lưu". Theo cách tương tự, hãy thay đổi các dòng.subColumn (nền để hiển thị các mục menu dọc),.boxTable (tiêu đề của các khối menu),.boxContent (nội dung danh sách các liên kết menu),.uMenuV (các mục menu dọc) theo ý bạn. Bạn có thể loại bỏ các thông số không cần thiết và chèn mã CSS của riêng mình, cũng như chỉnh sửa màu sắc của các phần tử khác trong thiết kế.

Bước 6

Lưu các thay đổi và xem kết quả bằng cách truy cập trang web của bạn. Việc chỉnh sửa các mục menu Ucoz đã hoàn tất.

Đề xuất: