tutorial 2.x

  1. PVS

    Tutorial 2x Identifying and using variables in templates - Xác định và sử dụng các biến trong template XenForo 2

    Identifying and using variables in templates - Xác định và sử dụng các biến trong template XenForo 2 Biến là gì? Nói một cách đơn giản, biến là tên chứa các giá trị. Các giá trị này được lưu trữ trong cơ sở dữ liệu và được sử dụng trong các template để đánh giá và trình bày nội dung và dữ liệu...
  2. PVS

    Tutorial 2x Clean 3 Column Custom Field Lists - Tuỳ biến cột cho danh sách trường tuỳ chỉnh XenForo 2

    Clean 3 Column Custom Field Lists - Tuỳ biến cột cho danh sách trường tuỳ chỉnh XenForo 2 Bạn muốn làm 1-3 cột cho các thiết bị khác nhau? Hiển thị một trên các thiết bị nhỏ: Hai trên các thiết bị vừa: Và ba trên các thiết bị lớn: Thêm code này vào extra.less .listInline--customField...
  3. PVS

    Tutorial 2x Photo / Image Competition with a Question forum - Tạo cuộc thi ảnh/hình ảnh bằng diễn đàn Question cho XenForo 2.2

    Photo / Image Competition with a Question forum - Tạo cuộc thi ảnh/hình ảnh bằng diễn đàn Question cho XenForo 2.2 10 phút để tạo/chuyển đổi một node diễn đàn sang loại diễn đàn Question và một vài chỉnh sửa Template cơ bản để có một cuộc thi ảnh/hình ảnh khá hiệu quả trên trang web của bạn cho...
  4. PVS

    Tutorial 2x Sticky Votes - Ghim bình chọn cho XenForo 2.2

    Sticky Votes - Ghim bình chọn cho XenForo 2.2 Chỉ cần thêm đoạn code sau vào template Extra.less: @media (min-width: {{ property('responsiveMedium') + 1 }}px ) { .block { .message { .message-inner { .message-cell--vote {...
  5. PVS

    Tutorial 2x ElasticSearch 7 on CentOS - Cài đặt ElasticSearch 7 trên CentOS

    ElasticSearch 7 on CentOS - Cài đặt ElasticSearch 7 trên CentOS Xenforo Enhanced Search phụ thuộc vào ElasticSearch 2.0+. Cài đặt và định cấu hình ElasticSearch để nó hoạt động với XF có thể là một thách thức đối với một số người, vì vậy mình đã tổng hợp một số hướng dẫn nhanh để cài đặt nó...
  6. PVS

    Tutorial 2x Thêm banner quảng cáo theo từng category trên XenForo 2

    Thêm banner quảng cáo theo từng category trên XenForo 2 Bài viết này sẽ hướng dẫn các bạn cách đặt banner quảng cáo theo từng category trên XenForo 2. Cách làm như sau: Vào AdminCP > Templates > node_list_category tìm: <xf:macro name="depth1" arg-node="!" arg-extras="!" arg-children="!"...
  7. PVS

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

    Remove forum title from your forum - Loại bỏ tiêu đề diễn đàn XenForo 2 Vào admin panel -> appearance -> styles -> chọn style bạn đang sử dụng -> templates -> extra.less Thêm đoạn code sau vào extra.less: [data-template="forum_list"] { .p-title-value { display: none; }...
  8. PVS

    Tutorial 2x BBCODE color letters - BBcode màu chữ cho XenForo 2

    BBCODE color letters - BBcode màu chữ cho XenForo 2 Bạn có thể có thiết kế kiểu cách cho các đối tượng của mình với BBcode mới mà bạn sẽ thêm. Nó nên được thêm riêng cho từng tổ hợp màu từ phần Add BBcode new. Chúc các bạn thành công. Nguồn: xenforo.com
  9. PVS

    Tutorial 2x Columns in posts/articles bbcode - BBcode cột cho bài viết của XenForo 2

    Columns in posts/articles bbcode - BBcode cột cho bài viết của XenForo 2 Bbcode rất đơn giản và trong ví dụ này đang sử dụng thẻ col. Ngoài ra còn có một cột biểu tượng font awesome mà bạn có thể sử dụng nếu bạn muốn hiển thị một biểu tượng trong trình soạn thảo văn bản. Có bao nhiêu cột...
  10. PVS

    Tutorial 2x Cách hiển thị chữ ký chỉ ở bài viết đầu tiên cho XenForo 2

    Cách hiển thị chữ ký chỉ ở bài viết đầu tiên cho XenForo 2 Để chỉ hiển thị chữ ký ở bài viết đầu tiên cho XenForo 2, tránh tình trạng spam chữ ký các bạn làm theo cách sau: Mở template post_macros, tìm đoạn code: <xf:macro template="message_macros" name="signature" arg-user="{$post.User}" />...
  11. PVS

    Tutorial 2x Cách thêm danh sách tỉnh thành khi đăng ký thành viên cho XenForo 2

    Cách thêm danh sách tỉnh thành khi đăng ký thành viên cho XenForo 2 Để hiển thị danh sách lựa chọn tỉnh thành khi đăng ký thành viên cho XenForo 2, các bạn làm theo cách sau: Mở template register_macros, tìm đoạn code sau: label="{{ phrase('location') }}" hint="{{...
  12. PVS

    Tutorial 2x Cách tạo thẻ OG:IMAGE cho bài viết XenForo 2

    Cách tạo thẻ OG:IMAGE cho bài viết XenForo 2 Bài viết này sẽ hướng dẫn các bạn cách tạo thẻ og:image thông minh bằng cách tìm tập tin trong bài viết và tự động lựa chọn tập tin hình ảnh có kích thước lớn nhất làm thẻ og:image. Cách làm như sau: Mở template thread_view, tìm đoạn code sau...
  13. PVS

    Tutorial 2x Cách đặt diễn đàn XenForo ở chế độ riêng tư (không có quyền truy cập của khách)

    Cách đặt diễn đàn XenForo ở chế độ riêng tư (không có quyền truy cập của khách) Có một cách tiếp cận rất đơn giản mà bạn có thể sử dụng để làm nên một diễn đàn riêng tư. Chỉ cần thay đổi quyền "View" cho nhóm "Unregistered / Unconfirmed" thành "No": Điều này sẽ ngăn khách xem trang web của...
  14. PVS

    Tutorial 2x Di chuyển liên kết tài khoản lên trên trong login XenForo 2

    Di chuyển liên kết tài khoản lên trên trong login XenForo 2 Bài viết này sẽ hướng dẫn cách đưa liên kết tài khoản lên phía trên trong trang login của XenForo 2. Trước Sau Trong template login di chuyển block bắt đầu từ <xf:if is="$providers is not empty"> Trước <div class="blocks"> và...
  15. PVS

    Tutorial 2x Reduce FontAwesome icon font file size - Giảm kích thước tệp biểu tượng FontAwesome cho XenForo 2

    Reduce FontAwesome icon font file size - Giảm kích thước tệp biểu tượng FontAwesome cho XenForo 2 Giao diện XenForo 2.1 mặc định bao gồm bộ sưu tập biểu tượng FontAwesome Pro. Các biểu tượng được tải xuống cùng với trang dưới dạng ba tệp phông chữ .woff hoặc .woff2 riêng biệt bao gồm tất cả...
  16. PVS

    Tutorial 2x Cách thu gọn các khoảng trống khi không có quảng cáo AdSense cho XenForo 2

    Cách thu gọn các khoảng trống khi không có quảng cáo AdSense cho XenForo 2 Nếu bạn biết một hoặc nhiều vị trí quảng cáo trên trang của bạn không phải lúc nào cũng được lấp đầy, bạn có thể hướng dẫn trình duyệt thu gọn các div trống bằng cách thêm phương thức collapseEmptyDivs() vào thẻ của bạn...
  17. PVS

    Tutorial 2x Thêm thanh phân loại danh sách node ngay bên dưới thanh tiêu đề category cho XenForo 2

    Thêm thanh phân loại danh sách node ngay bên dưới thanh tiêu đề category cho XenForo 2 Vào template extra.less và thêm đoạn code sau: .node_list_item_classification { @media (max-width: @xf-responsiveEdgeSpacerRemoval) {display: none;} .xf-minorBlockContent(); border: none; opacity...
  18. PVS

    Tutorial 2x [ShikiSuen] More Flexible forumbit - Cải tiến forumbit linh hoạt hơn cho XenForo 2

    [ShikiSuen] More Flexible forumbit - Cải tiến forumbit linh hoạt hơn cho XenForo 2 Phần forumbit trong template mặc định XenForo 2.1 không responsive đủ (đặc biệt là .main-extra). Tập lệnh CSS bổ sung này sử dụng Flexbox (và Grid cho chế độ xem trên điện thoại) để làm cho forumbit linh hoạt...
  19. PVS

    Tutorial 2x Tiled postbit with icons - Postbit dạng Tiled với biểu tượng cho XenForo 2

    Tiled postbit with icons - Postbit dạng Tiled với biểu tượng cho XenForo 2 Thêm vào extra.less: Chúc các bạn thành công. Nguồn: xenforo.com
  20. PVS

    Tutorial 2x Tiled view of forum statistics - Chế độ xem Tiled cho thống kê diễn đàn của XenForo 2

    Tiled view of forum statistics - Chế độ xem Tiled cho thống kê diễn đàn của XenForo 2 Đầu tiên, chuyển vị trí của widget thống kê sang bên dưới hoặc phía trên danh sách các node, vì đoạn code chỉ phù hợp cho các vị trí đó. Thêm vào extra.less...
Back
Top