tutorial 2.x

Making a custom style - Tùy chỉnh giao diện (dành cho người mới bắt đầu) cho XenForo 2 Bài viết này dành cho bất kỳ ai hoàn toàn mới sử dụng xenForo, những người có thể vừa mới bắt đầu một diễn đàn nhưng muốn tùy chỉnh màu sắc để mang lại cho diễn đàn một diện mạo cá nhân hơn. Không cần biết...

Change Twitter Share Logo To X Logo - Thay đổi logo chia sẻ Twitter thành logo X cho XenForo 2.2 Cái này khá đơn giản và mặc dù khả năng nó sẽ được cập nhật trong bản phát hành trong tương lai, có thể có những người khác muốn tiếp tục và cập nhật ngay bây giờ. Điều đầu tiên bạn sẽ muốn làm...

Parler Share Button (Template Mod) - Nút chia sẻ Parler cho XenForo 2.2 Tệp zip tải xuống phải được tải lên vì Parler không nằm trong Font Awesome. Hiển thị sự ủng hộ cho tự do ngôn luận bằng cách thêm nút chia sẻ Parler vào trang web của bạn. Sau khi các tệp được tải lên, điều này phải được...

Sticky thread separator (CSS) - Phân tách chủ đề ghim (CSS) cho XenForo 2.2 Thêm css đơn giản để hiển thị các chủ đề quan trọng hơn. Trong template extra.less, hãy thêm cái này: .structItemContainer-group--sticky { border-left: 2px solid @xf-paletteColor3; padding-bottom: 5px...

Animated online indicator - Chỉ báo trực tuyến hoạt ảnh cho XenForo 2.2 Một hoạt ảnh đơn giản cho chỉ báo thành viên trực tuyến Trong template extra.less, hãy thêm cái này: .message-avatar-online:after { content: ''; position: absolute; width: 32px; height: 32px; margin...

Customize default Resource Manager icon - Tùy chỉnh biểu tượng Resource Manager mặc định cho XenForo 2.2 Biểu tượng ban đầu hơi "nhạt nhẽo", đây là cách tùy chỉnh nó Trong template extra.less, hãy thêm cái này: .avatar.avatar--resourceIconDefault { color: #9ac4e3 !important...

Customize fonts in article mode - Phông chữ tùy chỉnh trong chế độ article cho XenForo 2.2 Điều này cho phép bạn thay đổi kích thước phông chữ trong chế độ "Xem trước" của article Trong template extra.less, hãy thêm cái này: .message--articlePreview .articlePreview-links { font-size: 12px...

Discord Chatbox - Thêm Chatbox Discord cho XenForo 2.2 Đây là một addon miễn phí được cung cấp bởi Widget Bot, cung cấp giải pháp widget miễn phí với tùy chọn nâng cấp lên các gói khác nhau để nhận được nhiều ưu đãi cao cấp hơn. Vui lòng kiểm tra https://widgetbot.io để biết thêm chi tiết. Tôi...

Hướng dẫn xóa bản quyền footer XenForo 2.x Khi bạn cài XenForo lên host thì sẽ bị đính một dòng bản quyền ở chân trang hoặc khi sử dụng style kể cả bạn dùng bản trả phí, mặc định chúng sẽ luôn xuất hiện. Cách xóa ;) CÁCH 1: XÓA TẤT CẢ BẢN QUYỀN CHÂN TRANG 1. Đăng nhập vào Admin Panel 2...

More obvious voting and solution marking for question threads - Biểu quyết rõ ràng hơn và đánh dấu giải pháp cho các chủ đề câu hỏi XenForo 2.2 Người dùng thường không nhận ra rằng các bài đăng trong chủ đề câu hỏi có thể được bình chọn hoặc OP có thể đánh dấu là giải pháp. Những chỉnh sửa...

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

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

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

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

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

Profilepost button - Nút bài viết hồ sơ XenForo 2.2 Nút này chỉ hiển thị cho các thành viên đã đăng nhập. Chỉnh sửa template forum_overview_wrapper. Tìm dòng này: <xf: pageaction> Đặt đoạn code sau ngay bên dưới nó: <xf:if is="$xf.visitor.user_id"> <xf:button href="{{...

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

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

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

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