xenforo 2 tutorial

  1. PVS

    Tutorial 2x Magnifying effect on article mode images - Hiệu ứng phóng đại trên ảnh ở chế độ bài báo cho XenForo 2.2

    Magnifying effect on article mode images - Hiệu ứng phóng đại trên ảnh ở chế độ bài báo cho XenForo 2.2 Mang lại một hiệu ứng nhỏ đẹp cho hình ảnh của bài báo. Trong template extra.less, hãy thêm đoạn này: .articlePreview-main a:hover { transform: scale(1.1) rotate(4deg)...
  2. PVS

    Tutorial 2x Add 'Post Reply' & 'Post Thread' buttons to the top of thread view pages - Thêm nút 'Đăng trả lời' & 'Đăng chủ đề' vào đầu các trang xem chủ đề XF 2.2

    Add 'Post Reply' & 'Post Thread' buttons to the top of thread view pages - Thêm nút 'Đăng trả lời' & 'Đăng chủ đề' vào đầu các trang xem chủ đề XF 2.2 Đây chỉ là một chỉnh sửa template đơn giản sẽ cung cấp cho diễn đàn của bạn các nút 'Đăng trả lời' và 'Đăng chủ đề' ở đầu trang xem chủ đề. Nút...
  3. PVS

    Tutorial 2x [New] Sprite Sheet Emoji - Sprite Sheet biểu tượng cảm xúc cho XenForo 2 1.0

    [New] Sprite Sheet Emoji - Sprite Sheet biểu tượng cảm xúc cho XenForo 2 1.0 Cách cài đặt: Tải về file đính kèm, giải nén và upload vào thư mục /styles/default/xenforo/reactions/emojione. Đầu tiên, chúng ta tạo ra phản ứng dislike. Bây giờ chúng ta sẽ thêm từ sprite mới. Chúc...
  4. PVS

    Tutorial 2x Adding Social Media Icons to the Header Section - Thêm biểu tượng mạng xã hội vào Header XenForo 2

    Adding Social Media Icons to the Header Section - Thêm biểu tượng mạng xã hội vào Header XenForo 2 Bài viết này sẽ hướng dẫn cách thêm biểu tượng mạng xã hội vào Header của XenForo. Cách làm như sau: Thêm code sau vào extra.less .social-network { font-size: 0; line-height: 0...
  5. PVS

    Tutorial 2x DIY xf mega menu with image - Tự làm menu xf mega với hình ảnh cho XenForo 2

    DIY xf mega menu with image - Tự làm menu xf mega với hình ảnh cho XenForo 2 NB: Bạn sẽ cần một ít kiến thức về html và CSS cơ bản cho việc này. Ngoài ra, bạn sẽ cần phải làm quen với trình quản lý điều hướng xenForo. Trước hết, đây là một ví dụ: Điều này có thể hữu ích khi menu lớn và bạn...
  6. PVS

    Tutorial 2x Make BB-Code Toggler more visible - Làm BB-Code Toggler rõ ràng hơn XenForo 2.2

    Make BB-Code Toggler more visible - Làm BB-Code Toggler rõ ràng hơn XenForo 2.2 Bạn và các thành viên của bạn nhiều lúc không xác định được thanh BB-Code liệu nó có bật hay không? Nút ngay cả trên màn hình lớn cũng không hiển thị theo mặc định và thành thật mà nói, biểu tượng dấu ngoặc cũng...
  7. PVS

    Tutorial 2x Thread view/reply count - Số lượt xem/trả lời chủ đề XenForo 2

    Thread view/reply count - Số lượt xem/trả lời chủ đề XenForo 2 Bài viết này sẽ hướng dẫn bạn cách hiển thị số lượt xem và trả lời trong mô tả chủ đề. Cách làm: Vào Admin CP > Appearance > Templates > thread_view Tìm: <a href="{{ link('threads', $thread) }}" class="u-concealed"><xf:date...
  8. PVS

    Tutorial 2x WhatsXFessenger - Cuộc trò chuyện theo style Messenger cho XenForo 2.2

    WhatsXFessenger - Cuộc trò chuyện theo style Messenger cho XenForo 2.2 Bạn cảm thấy mệt mỏi với những cuộc trò chuyện giống hệt như những chủ đề? Đã bao giờ bạn cảm thấy rằng các cuộc trò chuyện XF sẽ tốt hơn nếu chúng giống với một trong những ứng dụng nhắn tin nổi tiếng? Với ý nghĩ đó, bài...
  9. PVS

    Tutorial 2x Donation requisites for resource authors - Điều kiện cần thiết để đóng góp cho các tác giả tài nguyên XenForo 2

    Donation requisites for resource authors - Điều kiện cần thiết để đóng góp cho các tác giả tài nguyên XenForo 2 Bạn có thích tài nguyên của các tác giả trên diễn đàn của bạn không? Bạn yêu những người làm nội dung riêng, vì vậy bạn có thể điền họ một lần vào cài đặt tài khoản và hiển thị họ...
  10. PVS

    Tutorial 2x Article Forum Symmetrical Grid Layout - Bài viết diễn đàn theo bố cục lưới đối xứng cho XenForo 2.2

    Article Forum Symmetrical Grid Layout - Bài viết diễn đàn theo bố cục lưới đối xứng cho XenForo 2.2 Theo kiểu mặc định, diễn đàn bài viết ở chế độ xem trước có bố cục 1:2:2:4:4 về số lượng chủ đề (bài viết) được hiển thị trên mỗi hàng, như sau: Điều này có thể được thay đổi bằng cách thêm...
  11. PVS

    Tutorial 2x Enable User-ID tracking in Google Analytics - Bật theo dõi User-ID trong Google Analytics cho Xenforo 2

    Enable User-ID tracking in Google Analytics - Bật theo dõi User-ID trong Google Analytics cho Xenforo 2 Hướng dẫn này sẽ giúp bạn bật tính năng theo dõi User-ID trong Google Analytics (mặc định trong Xenforo chỉ theo dõi số lần xem trang và sự kiện tự động của Google) Bước 1: Làm theo hướng...
  12. PVS

    Tutorial 2x Enhance Post Sharing with Social Network Brand Icons - Tăng cường chia sẻ bài viết với các biểu tượng thương hiệu trên mạng xã hội cho XenForo 2

    Enhance Post Sharing with Social Network Brand Icons - Tăng cường chia sẻ bài viết với các biểu tượng thương hiệu trên mạng xã hội cho XenForo 2 Bạn muốn thay đổi biểu tượng chia sẻ trên mỗi bài viết của mình để thêm và đánh dấu tất cả các tùy chọn chia sẻ bạn đã bật(...
  13. PVS

    Tutorial 2x FontAwesome Icons in Message User Info for Xenforo 2.2 - Thêm biểu tượng FontAwesome trong Message User Info của XenForo 2.2

    FontAwesome Icons in Message User Info for Xenforo 2.2 - Thêm biểu tượng FontAwesome trong Message User Info của XenForo 2.2 Điều này hoạt động trên XF 2.2, cũng có thể hoạt động trên 2.x. Nó bao gồm cách triển khai các biểu tượng fontawesome cho các trường người dùng tùy chỉnh. Có 4 bước...
  14. PVS

    Tutorial 2x Hiển thị các submenu khi hover qua các tab ở navigation XenForo 2

    Hiển thị các submenu khi hover qua các tab ở navigation XenForo 2 Đây là một cách giải quyết kỳ lạ và chỉ áp dụng cho các liên kết navigation chính, không áp dụng cho account/conversation/alerts. Ngoài ra, điều này sẽ không hoạt động nếu bạn có rất nhiều liên kết sử dụng scroller theo mặc định...
  15. PVS

    Tutorial 2x Google Adsense tips and visual overview of ad positions - Mẹo Google Adsense và tổng quan trực quan về các vị trí quảng cáo XenForo 2

    Google Adsense tips and visual overview of ad positions - Mẹo Google Adsense và tổng quan trực quan về các vị trí quảng cáo XenForo 2 Dưới đây, bạn sẽ tìm thấy các template trực quan để giúp bạn chọn vị trí tốt nhất cho quảng cáo của mình. Bạn cũng sẽ tìm thấy một số mẹo sử dụng để kiếm tiền...
  16. PVS

    Tutorial 2x Editor toolbar button icon styling - Tạo kiểu cho biểu tượng nút Editor toolbar XenForo 2

    Editor toolbar button icon styling - Tạo kiểu cho biểu tượng nút Editor toolbar XenForo 2 Hướng dẫn đơn giản này sẽ giải thích cách tạo kiểu cho các biểu tượng nút trên thanh công cụ của trình soạn thảo. Việc sử dụng trình kiểm tra trình duyệt (F12 -> Elements) sẽ là cần thiết để xác định id...
  17. PVS

    Tutorial 2x Online/Offline avatar indicator like instagram - Chỉ báo trực tuyến/ngoại tuyến hình đại diện như instagram cho XenForo 2

    Online/Offline avatar indicator like instagram - Chỉ báo trực tuyến/ngoại tuyến hình đại diện như instagram cho XenForo 2 Tìm trong template message_macros: <xf:avatar user="$user" size="m" defaultname="{$fallbackName}" itemprop="image" /> Thay bằng đoạn code sau: <xf:if...
  18. PVS

    Tutorial 2x Random Ads Code - Code quảng cáo ngẫu nhiên XenForo 2

    Random Ads Code - Code quảng cáo ngẫu nhiên XenForo 2 Viết mã quảng cáo của bạn ở vị trí có banner. Nó sẽ hiển thị ngẫu nhiên một quảng cáo mỗi khi bạn làm mới trang mà bạn đã chèn quảng cáo. Nó là sự thích ứng của các code trong phiên bản Xenforo 1.x cho Xenforo 2.x. <xf:comment>DEFINE AND...
  19. PVS

    Tutorial 2x Change XFMG rating from "stars" - Thay đổi biểu tượng xếp hạng XFMG XenForo 2

    Change XFMG rating from "stars" - Thay đổi biểu tượng xếp hạng XFMG XenForo 2 Thêm CSS vào extra.less -------- hướng dẫn này sử dụng font awesome, nhưng một liên kết hình ảnh cũng nên hoạt động? Đảm bảo thay đổi phần tên biểu tượng và một lần nữa đối với code style và outline tùy thích...
  20. PVS

    Tutorial 2x Liên kết đến bài viết của người dùng tìm kiếm trong chủ đề và bài viết đầy đủ trong tìm kiếm XenForo 2

    Liên kết đến bài viết của người dùng tìm kiếm trong chủ đề và bài viết đầy đủ trong tìm kiếm XenForo 2 Liên kết tìm kiếm ISO Bước 1: Tạo phrase iso_link_title và tạo văn bản của phrase là "ISO" (hoặc bất kỳ thứ gì khác bạn muốn làm văn bản liên kết của mình). Bước 2: Tìm trong post_macros...
Top Bottom