tutorial 2.x

  1. PVS

    Tutorial 2x Sidebar block title icons - Thêm biểu tượng vào tiêu đề của block sidebar XenForo 2

    Sidebar block title icons - Thêm biểu tượng vào tiêu đề của block sidebar XenForo 2 Bạn có muốn thêm các biểu tượng vào tiêu đề block sidebar như thế này không? Đây là một hướng dẫn DIY đơn giản về cách đạt được điều này. Dưới đây bạn sẽ tìm thấy code cho các block sidebar phổ biến nhất...
  2. PVS

    Tutorial 2x [Widget] Display Random Quotations/FAQs - Tạo widget hiển thị ngẫu nhiên trích dẫn/FAQ cho XenForo 2

    [Widget] Display Random Quotations/FAQs - Tạo widget hiển thị ngẫu nhiên trích dẫn/FAQ cho XenForo 2 Hiển thị trích dẫn yêu thích hoặc câu hỏi thường gặp ở bất cứ đâu trong diễn đàn bằng widget! Cách làm như sau: Đến Widgets > Add Widgets > HTML Widget - Widget definition: HTML - Widget...
  3. PVS

    Tutorial 2x Phrase Replacements - Thay thế Phrase cho XenForo 2

    Phrase Replacements - Thay thế Phrase cho XenForo 2 Nếu bạn đã tìm cách thay thế các phrase khác nhau trong XenForo và cảm thấy thất vọng vì không có chức năng "tìm kiếm và thay thế". Hướng dẫn đơn giản này sẽ giúp thực hiện điều đó, không có cách nào tối ưu hóa nhưng nó thực hiện công việc...
  4. PVS

    Tutorial 2x Highlight new menu item - Làm nổi bật item menu mới cho XenForo 2

    Highlight new menu item - Làm nổi bật item menu mới cho XenForo 2 Hướng dẫn này sẽ đạt được điều sau: Như bạn có thể thấy, bạn có thể nhận được một biểu tượng chỉ thay đổi khi di chuột lên các item mới với mục đích là làm nổi bật chúng thêm một chút. Mở template extra.less và thêm code...
  5. PVS

    Tutorial 2x Display image for Thread Prefix - Hiển thị hình ảnh cho tiền tố chủ đề của XenForo 2

    Display image for Thread Prefix - Hiển thị hình ảnh cho tiền tố chủ đề của XenForo 2 Mẹo nhỏ này sẽ cho bạn thấy làm thế nào bạn có thể hiển thị hình ảnh dưới dạng tiền tố chủ đề nhưng cũng hiển thị tiêu đề với hình ảnh khi người dùng đang chọn tiền tố cho chủ đề... hy vọng nó có ích. LƯU Ý...
  6. PVS

    Tutorial 2x Color changing staff banner - Thay đổi màu sắc banner của Staff (Cầu vồng)

    Color changing staff banner - Thay đổi màu sắc banner của Staff (Cầu vồng) Thêm đoạn code sau vào template (Extra.less): .userBanner--staff {font-weight:bold;background-image: linear-gradient(210deg, #8F343A, #26A65B, #1C86EE, #FFBE1C, #176093, #7AF26D, #8E44AD, #CC6600, #CF4D35...
  7. PVS

    Tutorial 2x Thêm một hệ thống danh tiếng (Reputation System) đơn giản và hiệu quả cho XenForo 2

    Thêm một hệ thống danh tiếng (Reputation System) đơn giản và hiệu quả cho XenForo 2 Đây là một hướng dẫn ngắn để sửa đổi template mà bạn có thể sử dụng để thêm hệ thống danh tiếng vào trang web của mình dựa trên điểm số reaction. Đầu tiên bạn sẽ cần một số hình ảnh cho xếp hạng. Tôi hiện đang...
  8. PVS

    Tutorial 2x Side Menu System - Hệ thống menu side cho XenForo 2

    Side Menu System - Hệ thống menu side cho XenForo 2 1.1 Sửa đổi này thay thế tiêu chuẩn nằm ngang bên dưới hệ thống menu header bằng hệ thống menu cột bên với người dùng có thể chọn màn hình hiển thị ở bên trái hoặc bên phải màn hình. Nó cung cấp cho số lượng lớn hơn các mục menu chính với gia...
  9. PVS

    Tutorial 2x Hey, don't forget me! - Thêm "Hey, don't forget me!" cho XenForo 2

    Hey, don't forget me! - Thêm "Hey, don't forget me!" cho XenForo 2 Sau hướng dẫn nhỏ này, người dùng hoặc khách truy cập vào trang web của bạn có thể không muốn rời khỏi trang web của bạn :) Mục đích là gì? Khi trang web của bạn bị bỏ rơi trên một tab khác, nó sẽ tự động nói 'Hey, don't forget...
  10. PVS

    Tutorial 2x Display "NEW" icon on unread posts - Hiển thị biểu tượng "NEW" trên bài viết chưa đọc cho XenForo 2

    Display "NEW" icon on unread posts - Hiển thị biểu tượng "NEW" trên bài viết chưa đọc cho XenForo 2 Thêm đoạn code sau vào template Extra.less: .structItem.is-unread .structItem-title a:not(.labelLink):after { content: "NEW"; display: inline-block; background: @xf-uix_primaryColor...
  11. PVS

    Tutorial 2x One-click upgrades with Ubuntu - Nâng cấp bằng một cú nhấp chuột với Ubuntu

    One-click upgrades with Ubuntu - Nâng cấp bằng một cú nhấp chuột với Ubuntu Sau một thời gian tìm kiếm, cuối cùng mình đã tìm thấy một giải pháp cho phép thực hiện upload các tập tin qua SFTP và cung cấp cho nginx các quyền chính xác để cho phép nâng cấp bằng một lần nhấp chuột, cài đặt/nâng...
  12. PVS

    Tutorial 2x Icons on Notable Members page - Thêm biểu tượng vào trang Notable Members của XenForo 2

    Icons on Notable Members page - Thêm biểu tượng vào trang Notable Members của XenForo 2 Bạn muốn có các biểu tượng vào trang Notable members như thế này? Chỉ cần thêm đoạn code sau vào template Extra.less của bạn: /* Icons on Notable members page */ [data-template="member_notable"]...
  13. PVS

    Tutorial 2x Icons in Visitor menu - Thêm biểu tượng vào menu Visitor của XenForo 2

    Icons in Visitor menu - Thêm biểu tượng vào menu Visitor của XenForo 2 Bạn muốn thêm các biểu tượng vào menu Visitor như thế này? Chỉ cần thêm đoạn code sau vào template Extra.less của bạn: /* Icons in Visitor menu */ .menu-content.js-visitorMenuBody a.menu-linkRow { &:before {...
  14. PVS

    Tutorial 2x Icons in sidenav on Account page - Thêm biểu tượng vào sidenav trong trang Tài khoản của XenForo 2

    Icons in sidenav on Account page - Thêm biểu tượng vào sidenav trong trang Tài khoản của XenForo 2 Bạn muốn có các biểu tượng trong sidenav trên trang Tài khoản như thế này? Chỉ cần thêm đoạn code sau vào template extra.less của bạn: Lưu lại là xong. Để thay đổi biểu tượng khác chỉ cần...
  15. PVS

    Tutorial 2x Remove forum title from your forum - Loại bỏ tiêu đề diễn đàn của XenForo 2

    Remove forum title from your forum - Loại bỏ tiêu đề diễn đàn của XenForo 2 Hướng dẫn đơn giản này sẽ giúp bạn loại bỏ tiêu đề diễn đàn cho XenForo 2. Vào admin panel - appearance - styles - chọn style bạn muốn chỉnh sửa - templates - extra.less và thêm đoạn code sau vào...
  16. PVS

    Tutorial 2x "Back to Top" arrow in every post - Mũi tên "Về đầu trang" trong mỗi bài viết cho XenForo 2

    "Back to Top" arrow in every post - Mũi tên "Về đầu trang" trong mỗi bài viết cho XenForo 2 Chỉnh sửa template nhanh chóng và dễ dàng này sẽ thêm một "Mũi tên lên đầu trang" bên cạnh biểu tượng chia sẻ trong mỗi bài viết. Đến template style của bạn và tìm "post_macros". Bước.1 Trong template...
  17. PVS

    Tutorial 2x Hiển thị Navigation đầu trang trong chủ đề trên thiết bị di động của XenForo 2

    Show Top Page Navigation on Thread on Mobile Device - Hiển thị Navigation đầu trang trong chủ đề trên thiết bị di động của XenForo 2 Theo mặc định, khi duyệt một chủ đề bằng thiết bị di động, đặc biệt là các thiết bị có chiều rộng nhỏ hơn 480px, navigation đầu trang sẽ bị ẩn. Để hiển thị nó...
  18. PVS

    Tutorial 2x Add Thread Starter Banner in Posts - Thêm banner người tạo chủ đề trong bài viết của XenForo 2

    Add Thread Starter Banner in Posts - Thêm banner người tạo chủ đề trong bài viết của XenForo 2 Bạn có muốn thêm một số văn bản cho người bắt đầu chủ đề trong bài viết như thế này? Đến "Template Modification" (chế độ phát triển phải được kích hoạt để truy cập menu admin này). Nhấp vào "Add...
  19. PVS

    Tutorial 2x Thread prefix icons - Tùy chỉnh tiền tố chủ đề của XenForo 2

    Thread prefix icons - Tùy chỉnh tiền tố chủ đề của XenForo 2 Bạn muốn tùy chỉnh tiền tố của bạn? Đây là một hướng dẫn đơn giản làm ví dụ. Tất nhiên bạn có thể mở rộng nó cho nhu cầu của riêng bạn như bạn muốn. Hướng dẫn sẽ giúp bạn đạt được kết quả như sau: Tạo tiền tố tùy chỉnh của bạn...
  20. PVS

    Tutorial 2x Move thread status icons - Di chuyển biểu tượng trạng thái chủ đề của XenForo 2

    Move thread status icons - Di chuyển biểu tượng trạng thái chủ đề của XenForo 2 Bạn có muốn có các biểu tượng trạng thái xuất hiện ở phía bên trái trước tiêu đề chủ đề? Thêm phần sau vào template Extra.less của bạn: /* Move thread status icons */ @media (min-width: @xf-responsiveMedium) {...
Back
Top