Khi bạn mở tập tin template.css trong thư mục Template của Joomla! thì sẽ thấy các dòng mã CSS có dạng như:
Mã: Chọn tất cả
.module
Mã: Chọn tất cả
.module_menu
Nếu lúc này bạn kiểm tra Module Class Suffix (nằm trong phần Advanced Parameters) của các mod_mainmenu thì thế nào cũng sẽ thấy một (hoặc vài) cái có tham số _menu.
Mục đích của chúng là để phân biệt các Module này với nhau, do bạn copy mod_mainmenu ra làm nhiều cái mà lại chỉ muốn một (hoặc vài) cái trong số chúng có hình dáng (giao diện) khác với những cái còn lại.
Ngoài ra bạn cũng để ý thấy Module nào cũng có Module Class Suffix, còn Menu Class Suffix thì thường chỉ có trong các Module có chức năng tạo Menu.
Bây giờ mình sẽ làm một bài thực hành nhỏ để hiểu thêm về Module Class Suffix
Bạn hãy mở tập tin template.css trong thư mục Template đang sử dụng của Joomla! và thêm vào phía cuối những dòng code CSS sau:
Mã: Chọn tất cả
.module-red {background:red;}
.module-yellow {background:yellow;}
.module-blue {background:blue;}
Sau đó bạn hãy mở (Edit) một Module nào đó đang được sử dụng (Enabled), thêm tham số -red vào phần Module Class Suffix và Lưu (Save) lại. Tiếp tục thực hiện cho các Module khác với tham số -yellow và -blue.
Sau khi thực hiện xong bạn hãy mở trang web lên và xem các Module này đã được thay đổi như thế nào.
