Video: Thiết kế web - 12 Template 2025
Bạn có thể tham gia vào mã HTML và CSS thực tế của mẫu Joomla thông qua trang Customize Template, có chứa các nút Edit HTML và Edit CSS. Nhấp vào tệp CSS mà bạn quan tâm để làm việc với để xem mã HTML hoặc CSS của mẫu.
Khi bạn tùy chỉnh mẫu trong Joomla, bạn thường thực hiện thay đổi mã CSS của nó.
Để mở tệp CSS của mẫu để chỉnh sửa, hãy làm theo các bước sau:
-
Trong trang Chi tiết của mẫu, nhấp vào nút Chỉnh sửa CSS.
Trang Customize Template sẽ mở ra. Trang này liệt kê các tệp CSS liên kết với mẫu - thường là rất nhiều trong số chúng.
-
Nhấp vào tên của kiểu bạn muốn chỉnh sửa.
Tệp CSS của kiểu (mẫu.css) mở ra để chỉnh sửa trong Trình quản lý Mẫu.
Mẫu. tệp css là một tệp dài - khoảng 16 trang - và đó chỉ là một trong những tệp đi vào mẫu Joomla. Đó là tệp tin CSS đúng theo nguyên tắc và đây là cách nó bắt đầu:
/ ***************************** / / * ** Các công cụ thiết lập HTML cơ bản *** / ***************************** / html {height: 100%; margin-bottom: 1px;} mẫu {margin: 0; padding: 0;} body {font-family: Helvetica, Arial, sans-serif; chiều cao dòng: 1. 3e; lề: 0px 0px 0px 0px; kích thước phông chữ: 12px; màu sắc: # 333;} a: link, a: visited {text-decoration: none; font-weight: bình thường;} a: hover {text-decoration: gạch dưới; font-weight: bình thường;} đầu vào. nút {cursor: pointer;} p {margin-top: 0; margin-bottom: 5px;} img {border: 0 none;} / ********************************** ******* / / *** Các phần tử bố cục bản mẫu cụ thể *** / ***************************** ************ / #page_bg {padding: 10px 0; margin-bottom: 1px;} div. center {text-align: center;} div # wrapper {margin-left: auto; margin-right: auto;} cơ thể. width_medium div # wrapper {width: 950px;} …
Thật không may, để chỉnh sửa tệp tin này, bạn thực sự phải biết những gì bạn đang làm trong CSS để thực hiện các thay đổi của riêng bạn. (Trình biên tập mã WYSIWYG tốt được xây dựng trong Joomla sẽ là tuyệt vời cho tình huống này)
Có rất nhiều cuộc tranh luận về việc liệu nên sử dụng các bảng HTML hoặc CSS để sắp xếp các thành phần và mô-đun trong các mẫu của Joomla; cả hai bên của cuộc tranh luận có những điểm mạnh.
Các bảng HTML, ví dụ, là các cấu trúc khá cứng nhắc khiến cho các công cụ tìm kiếm khó hiểu nội dung trang của bạn. Việc triển khai CSS, mặt khác, khác nhau rất nhiều từ trình duyệt đến trình duyệt, và một số trình duyệt cũ cho phép bạn chỉ sử dụng CSS tối thiểu. Mẫu Beez trong Joomla là một ví dụ về một mẫu CSS không tableless.
Như bạn thấy, thật sự tùy chỉnh một mẫu Joomla không phải là một cái gì đó được thực hiện nhẹ nhàng.Vậy làm thế nào bạn có được mẫu bạn muốn? Bạn có thể tải nó. Có các mẫu Joomla trực tuyến. Một số miễn phí, trong khi những người khác đòi hỏi một khoản phí nhỏ để tải xuống.
