tutorial 2.x

  1. 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...
  2. 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...
  3. 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
  4. 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...
  5. PVS

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

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

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

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

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

    Tutorial 2x Put StaffBar into NavBar - Đưa StaffBar vào NavBar cho XenForo 2

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

    Tutorial 2x Moderating Application Rejections - Kiểm duyệt ứng dụng bị từ chối cho XenForo 2

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

    Tutorial 2x Create a Thread from Email - Tạo chủ đề từ email cho XenForo 2

    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ợ...
  13. PVS

    Tutorial 2x vBulletin 3 Form FieldSets - Đưa Form FieldSets của vBulletin 3 lên XenForo 2

    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: /* ====================...
  14. PVS

    Tutorial 2x Cách giới hạn kích thước của Google AutoAds trên diễn đàn XenForo 2

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

    Tutorial 2x Block Message Elements Example Page - Trang ví dụ các phần tử block message cho XenForo 2

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

    Tutorial 2x xf2 mp3 BBCODE - Thêm BBCode Mp3 cho XenForo 2

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

    Tutorial 2x Cloudflare Firewall Rule: Ban Country Codes from Registration - Cấm đăng ký theo mã quốc gia cho XF2

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

    Tutorial 2x vBulletin 3.x style postbit - Giao diện postbit giống vBulletin 3.x cho XenForo 2

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

    Tutorial 2x Colorful Categories - Category đầy màu sắc cho XenForo 2

    Colorful Categories - Category đầy màu sắc cho XenForo 2 CSS đơn giản này sẽ thay đổi kiểu dáng NODE của bạn để trở thành một cơ sở đầy màu sắc cho mỗi category, bạn có thể sử dụng một bản sao CSS được cung cấp cho một category, bao gồm cả code cần thiết cho node phụ (code được bao gồm trong...
  20. PVS

    Tutorial 2x Better Checkboxes - Cải thiện checkbox cho XenForo 2

    Better Checkboxes - Cải thiện checkbox cho XenForo 2 Chèn CSS đơn giản này để thêm một tinh chỉnh UI tinh tế hơn cho các checkbox của bạn. Đầu tiên, chúng ta sẽ làm mờ dần các hộp và nhãn không được check thành màu dịu hơn, giúp mang lại cho chúng vẻ ngoài "không hoạt động". Tiếp theo, chúng...
Top Bottom