tutorial 2.x

  1. 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="!"...
  2. 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; }...
  3. 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
  4. 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...
  5. 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}" />...
  6. 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="{{...
  7. 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...
  8. 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...
  9. 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à...
  10. 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ả...
  11. 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...
  12. 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...
  13. 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...
  14. 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
  15. 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...
  16. Tutorial 2x User Message Background - Thêm hình nền cho tin nhắn người dùng XenForo 2

    User Message Background - Thêm hình nền cho tin nhắn người dùng XenForo 2 Thêm đoạn code sau vào extra.less: .message-background (@mbUserName; @mbBackgroundUrl; @mbBackground-size; @mbBackground-position: false) { .message[data-author="@{mbUserName}"] .message-inner { background-image...
  17. Tutorial 2x Move logo to nav - Di chuyển logo vào nav cho XenForo 2

    Move logo to nav - Di chuyển logo vào nav cho XenForo 2 Thêm đoạn code sau vào extra.less: .p-header-inner { display: none; } .p-nav-smallLogo { display: block; margin: 0 0 0 10px; } Chúc các bạn thành công. Nguồn: xenforo.com
  18. Tutorial 2x Hover Effect for actionBar - Hiệu ứng Hover cho actionBar XenForo 2

    Hover Effect for actionBar - Hiệu ứng Hover cho actionBar XenForo 2 Hướng dẫn này sẽ thêm hiệu ứng hover cho actionBar trên XenForo 2. Đơn giản chỉ cần thêm đoạn code sau vào Extra.less: //Action Bar .message-actionBar { .actionBar-action { font-size: 0; transition: .5s...
  19. Tutorial 2x Move staff links to dropdown menu (with badges) - Di chuyển liên kết Staff vào menu dropdown cho XF2

    Move staff links to dropdown menu (with badges) - Di chuyển liên kết Staff vào menu dropdown cho XF2 Thay vì thêm thanh màu xám vào đầu trang với các liên kết staff, mod này sẽ thêm các liên kết Admin/Reports/Approval vào menu thả xuống trong điều hướng trang web của bạn và ẩn thanh staff ban...
  20. Tutorial 2x Đặt tiêu đề chủ đề trung tâm (và thông tin tác giả chủ đề & ngày) cho XenForo 2

    Đặt tiêu đề chủ đề trung tâm (và thông tin tác giả chủ đề & ngày) cho XenForo 2 Lưu ý: Tiêu đề sẽ tự động căn chỉnh sang trái nếu độ dài của nó quá dài cho một dòng. [Bước 1] Sửa đổi phần đầu của template "thread_view": Thay: <xf:h1>{{ prefix('thread', $thread) }}{$thread.title}</xf:h1> Bằng...
Top Bottom