Ngày nay, không khó để tạo một trang web cho riêng bạn, ngay cả khi bạn không có bất kỳ kiến thức cụ thể nào trong lĩnh vực thiết kế và lập trình web. Bất cứ lúc nào, bạn có thể sử dụng hàng loạt các mẫu khác nhau được đăng trên Internet, và dựa trên các mẫu tạo sẵn, hãy tạo và xuất bản trang web của bạn trên mạng. Tuy nhiên, không phải ai cũng hoàn toàn hài lòng với phiên bản của trang web mà mẫu cung cấp. Chúng tôi sẽ cho bạn biết cách thay đổi mẫu trang web và làm cho nó trở thành duy nhất trong bài viết này.
Hướng dẫn
Bước 1
Tải xuống mẫu và tìm tệp style.css trong đó. Thông thường, tệp này nằm trong thư mục public_html.
Bước 2
Mở tệp style.css trong notepad và tìm đoạn mã chịu trách nhiệm về giao diện của phần trên cùng của trang web. Đoạn mã này trông giống như sau:
#logotype {
background: url (images / logotype.png) không lặp lại ở giữa bên trái #fff;
chiều rộng: 230px;
chiều cao: 60px;
lề: 10px 25px;
chức vụ: thân nhân;
Bước 3
Trong đoạn mã này, ở dòng background: url, bạn cần chỉ định đường dẫn đến hình nền của trang web trong tương lai. Các dòng tiếp theo cho biết chiều dài và chiều cao của hình ảnh và mục lề xác định độ thụt lề dọc và ngang của hình ảnh.
Bước 4
Tìm tệp logotype.png
Bước 5
Tải hình nền lên thư mục public_html / tmpl / template_name / Images /, sau đó, như đã đề cập ở trên, ghi đường dẫn đến hình ảnh trong dòng background: url.
Bước 6
Nếu cần, hãy viết lại các thông số về chiều cao, chiều dài và độ lệch của ảnh. Vị trí: dòng tương đối có thể được để một mình. Lưu các thay đổi vào tệp và tải nó lên máy chủ thay vì tệp mẫu cũ.
Bước 7
Nếu bạn muốn thay đổi biểu trưng của trang footer, hãy tìm trong style.css để tìm đoạn mã bắt đầu bằng các từ logotype-footer. Lưu hình ảnh với biểu trưng mới và tải nó lên thư mục Hình ảnh của mẫu.
Bước 8
Thay đổi thông số chiều dài và chiều cao. Lưu lại tệp style.css và tải trang web đã cập nhật lên máy chủ.
