Hướng dẫn cách làm - Hình ảnh minh họa - Phim hướng dẫn Menu Class Suffix và Module Class Suffix trong Joomla! là gì

Hôm nay, 28/09/2016 - 03:39

Múi giờ UTC + 7 Giờ



Nội quy chuyên mục


Thành viên đăng quảng cáo trong chuyên mục này sẽ bị xóa toàn bộ bài viết và cấm vĩnh viễn tham gia Diễn đàn.

* Xem qui định đăng bài viết tại đây: viewtopic.php?f=2&t=318247



Tạo chủ đề mới Gửi bài trả lời
Gửi bàiĐã gửi: 18/02/2011 - 23:28 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1648
Đã cảm ơn: 4 lần
Được cảm ơn: 632 lần
Nếu muốn giải thích Menu Class SuffixModule Class Suffix thì không biết phải bắt đầu từ đâu và như thế nào cho dễ hiểu... thôi thì chúng ta cứ vô thực tế luôn....

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ã:
.module
Mã:
.module_menu

Như vậy _menu chính là Class Suffix được thêm vào Class .module

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ã:
.module-red {background:red;}
.module-yellow {background:yellow;}
.module-blue {background:blue;}

Lưu (Save) tập tin này lại.

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-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.

:D

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 27/07/2011 - 21:40 
slowboy

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 15/07/2011 - 14:32
Bài viết: 16
Đã cảm ơn: 7 lần
Được cảm ơn: 0 lần
Bác TruongLe ơi,e đã làm theo hướng dẫn của bác thì đối với những template khác thì nó chạy nhưng với template e đang dùng thì nó ko dc


mong bác hướng dẫn :?


Vui lòng đăng ký thành viên và đăng nhập để xem nội dung ẩn trong bài này.


Đầu trang
 Xem thông tin cá nhân  
 
Gửi bàiĐã gửi: 27/07/2011 - 23:27 
Hình đại diện của thành viên TruongLe

Ngoại tuyến

Thành viên

Thành viên

Ngày tham gia: 14/09/2010 - 20:20
Bài viết: 1648
Đã cảm ơn: 4 lần
Được cảm ơn: 632 lần
Về lý thuyết là vậy nhưng thực tế có thể có một vài Template hơi khác, nhưng chỉ cần tìm hiểu cấu trúc của chúng thì cũng vẫn thực hiện được.

Bạn tham khảo thêm tài liệu về Class Suffix tại đây: Vui lòng đăng ký thành viên và đăng nhập để xem nội dung này.

:)

___________________________________________________
* Hãy sử dụng công cụ tìm kiếm của Diễn đàn trước khi đặt câu hỏi.
* Hãy đặt tên cho Chủ đề diễn tả đúng với nội dung để thuận tiện khi tìm kiếm.
* Hãy chia sẻ kiến thức của bạn vì không chỉ giúp được mọi người mà còn giúp mình ghi nhớ những điều đã biết!


Đầu trang
 Xem thông tin cá nhân  
 
Hiển thị những bài viết cách đây:  Sắp xếp theo  
Tạo chủ đề mới Gửi bài trả lời
 Bạn đang xem trang 1 / 1 trang [ 3 bài viết ] 

Các chủ đề liên quan


Múi giờ UTC + 7 Giờ


Bạn không thể tạo chủ đề mới trong chuyên mục này.
Bạn không thể trả lời bài viết trong chuyên mục này.
Bạn không thể sửa những bài viết của mình trong chuyên mục này.
Bạn không thể xoá những bài viết của mình trong chuyên mục này.
Bạn không thể gửi tập tin đính kèm trong chuyên mục này.

Chuyển đến: