tutorial 2.x

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

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

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

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

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

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

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

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

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

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

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

Put StaffBar into NavBar - Đưa StaffBar vào NavBar cho XenForo 2 Hướng dẫn này sẽ giúp bạn đưa StaffBar vào NavBar cho XenForo 2. Bước 1: Chỉnh sửa PAGE_CONTAINER. Tìm đoạn sau: <div class="p-nav-opposite"> <div class="p-navgroup p-account ..... Sau đó thêm dòng...

Moderating Application Rejections - Kiểm duyệt ứng dụng bị từ chối cho XenForo 2 Hàng đợi phê duyệt mới cho Xenforo là một tài sản tuyệt vời để phê duyệt những người mới đăng ký. Thật không may, nếu bạn có một số yêu cầu khắt khe đối với tư cách thành viên và quản trị viên tình nguyện, bạn...

Create a Thread from Email - Tạo chủ đề từ email cho XenForo 2 Tôi nhận ra hướng dẫn này chỉ hữu ích cho một nhóm nhỏ những người sử dụng Google cho email quản trị viên trên diễn đàn của họ. Tôi thấy mình bị sa lầy bởi các email đến email quản trị của tôi. AddOn Contact Us Thread là một trợ...

vBulletin 3 Form FieldSets - Đưa Form FieldSets của vBulletin 3 lên XenForo 2 Bạn muốn một số shyte old-school mà không phải chịu đựng các lỗ hổng của vBulletin 3.8? Bây giờ là lúc để chuyển sang XenForo. Thêm đoạn code sau vào cuối template EXTRA.LESS của bạn: /* ====================...

Cách giới hạn kích thước của Google AutoAds trên diễn đàn XenForo 2 Đầu tiên, nếu bạn đã có quảng cáo ở một số vị trí nhất định trên một trang, AutoAds sẽ không ghi đè lên các vị trí đó. Bạn có thể sử dụng tính năng được mô tả bên dưới để giữ cho quảng cáo của bạn phản hồi và vẫn giới hạn kích...

Block Message Elements Example Page - Trang ví dụ các phần tử block message cho XenForo 2 Loại block message là yếu tố rất phổ biến được sử dụng trong suốt Xenforo. Nếu bạn đang thiết kế các addon, các node trang tùy chỉnh hoặc thậm chí chỉ tùy chỉnh style của bạn, bạn có thể muốn sử dụng các...

xf2 mp3 BBCODE - Thêm BBCode Mp3 cho XenForo 2 Bài viết này sẽ hướng dẫn các bạn cách thêm bbcode mp3 cho XenForo 2. Vào ACP, tìm đến mục BBCode và tạo 1 BBCode mới với các thông số như sau: BB code tag : music Title : music Description : music Replacement mode : Simple replacement Supports...

Cloudflare Firewall Rule: Ban Country Codes from Registration - Cấm đăng ký theo mã quốc gia cho XF2 Bài viết này sẽ hướng dẫn các bạn cách thêm Cloudflare Firewall Rule (Quy tắc tường lửa Cloudflare) để chặn đăng ký từ các quốc gia được chỉ định. Đi đến Cloudflare > Firewall > Firewall Rules...

vBulletin 3.x style postbit - Giao diện postbit giống vBulletin 3.x cho XenForo 2 Đặt đoạn code CSS sau vào cuối template "Extra.less": .block--messages .message { &.is-mod-selected {border-color: transparent; border-bottom-color: @xf-inlineModHighlightColor;} } .blockMessage {box-shadow...