tutorial 2.x

  1. PVS

    Tutorial 2x Font Awesome Icons in Navbar for 2.1 - Thêm biểu tượng Font Awesome vào Navbar cho XenForo 2.1

    Font Awesome Icons in Navbar for 2.1 - Thêm biểu tượng Font Awesome vào Navbar cho XenForo 2.1 Chỉ cần thêm đoạn code sau vào template extra.less là xong: .p-navEl a::before{ font-family: 'Font Awesome 5 Pro'; padding-right: 5px; } .p-navEl a[data-nav-id="home"]::before{content...
  2. PVS

    Tutorial 2x Custom Action Bar for 2.1 - Tùy chỉnh thanh tác vụ cho XenForo 2.1

    Custom Action Bar for 2.1 - Tùy chỉnh thanh tác vụ cho XenForo 2.1 Chỉ cần thêm đoạn code sau vào template extra.less là xong: .actionBar-action:before { margin-right: 5px; } .actionBar-action--edit:before {.m-faContent("\f040");} .actionBar-action--report:before {.m-faContent("\f071");}...
  3. PVS

    Tutorial 2x Hiển thị cho người dùng Adblock một thông báo (vui lòng) vô hiệu hóa Adblock cho XenForo 2

    Hiển thị cho người dùng Adblock một thông báo (vui lòng) vô hiệu hóa Adblock cho XenForo 2 Với script này, bạn có thể hiển thị cho người dùng Adblock một thông báo đơn giản không gây phiền nhiễu để yêu cầu họ vui lòng vô hiệu hóa Adblock. Trước tiên, bạn phải tạo một advertisement mới (hoặc...
  4. PVS

    Addon 2x Default Expand Media Categories - Mở rộng chuyên mục Media mặc định của XenForo 2

    Default Expand Media Categories - Mở rộng chuyên mục Media mặc định của XenForo 2 1.0.1 Bạn có thể chỉnh sửa trực tiếp tempalte xfmg_category_list_macros hoặc thiết lập template modification của riêng bạn. Trước Sau Tìm (2 trường hợp): {{ $isActive ? ' is-active' : '' }} Thay thế thành...
  5. PVS

    Tutorial 2x Add a Donate block on the Sidebar - Thêm block Donate vào Sidebar của XenForo 2

    Add a Donate block on the Sidebar - Thêm block Donate vào Sidebar của XenForo 2 Hướng dẫn này sử dụng widget để thêm block Donate vào Sidebar của XenForo 2. Cách làm như sau: Vào Admin panel : Appearance > Widgets > add a Widget. Widget definition : HTML Widget key : Donate Title ...
  6. PVS

    Tutorial 2x Advertising positions for your ads - Các vị trí đặt quảng cáo trên XenForo 2

    Advertising positions for your ads - Các vị trí đặt quảng cáo trên XenForo 2 XF 2.0 có rất nhiều vị trí mới cho quảng cáo của bạn. Bên dưới, bạn sẽ tìm thấy các template trực quan để giúp bạn chọn vị trí tốt nhất cho quảng cáo của mình. Vị trí quảng cáo tốt nhất Đây là những vị trí hoạt động...
  7. PVS

    Tutorial 2x Hướng dẫn tạo khung tìm bài viết theo ID cho XenForo 2

    Hướng dẫn tạo khung tìm bài viết theo ID cho XenForo 2 Bài viết sẽ hướng dẫn các bạn cách thêm khung tìm kiếm bài viết theo ID cho XenForo 2. Các bạn chỉ việc vào Widget > Add Widget > chọn loại HTML > vào thiết lập thông tin các ô "Widget key", "Title" và chọn các vị trí hiển thị tùy theo ý...
  8. PVS

    Tutorial 2x Nút cuộn xuống vị trí cao hơn footer cho XenForo 2

    Nút cuộn xuống vị trí cao hơn footer cho XenForo 2 Điều này có thể hữu ích nếu bạn có diện tích footer lớn hơn mặc định. Thay vì cuộn xuống cuối trang, nút down có thể đưa bạn đến đường dẫn bên trên footer. Bằng cách xác định một vị trí negative top trong extra.less. Nếu bạn không có nút cuộn...
  9. PVS

    Tutorial 2x Different Node Icons Per Node - Thay đổi biểu tượng mỗi Node cho XenForo 2

    Different Node Icons Per Node - Thay đổi biểu tượng mỗi Node cho XenForo 2 Để tạo các biểu tượng riêng lẻ cho mỗi node mong muốn, hãy làm theo các hướng dẫn dưới đây. Hãy chắc chắn rằng bạn đã cài đặt add-on TH (Nodes). 1.) Đến: AdminCP > Appearance > Templates > và tìm template "extra.less"...
  10. PVS

    Tutorial 2x Thêm hình ảnh vào Category Strips với mỗi Category ID cho XenForo 2

    Thêm hình ảnh vào Category Strips với mỗi Category ID cho XenForo 2 Đây chỉ là một đoạn code nhỏ thêm vào template extra.less của bạn. Điều này cho phép bạn thêm hình ảnh cho mỗi Category ID. Tất cả những gì bạn phải làm là tải hình ảnh của riêng bạn lên máy chủ của bạn và thêm đường dẫn hình...
  11. PVS

    Tutorial 2x Remove Quick Thread function - Loại bỏ chức năng Quick Thread của XenForo 2

    Remove Quick Thread function - Loại bỏ chức năng Quick Thread của XenForo 2 Sửa đổi template này cho phép bạn loại bỏ chức năng tạo chủ đề nhanh trong các trang diễn đàn một cách dễ dàng. Cách làm: Vào template forum_view tìm và xóa đoạn code sau: <xf:macro template="thread_list_macros"...
  12. PVS

    Tutorial 2x Cài đặt biểu tượng Font Awesome 5.3.1 và cách sử dụng trên XenForo 2

    Cài đặt biểu tượng Font Awesome 5.3.1 và cách sử dụng trên XenForo 2 Bài viết sẽ hướng dẫn cách cài đặt biểu tượng Font Awesome 5.3.1 và cách sử dụng nó trên XenForo 2. Vào template PAGE_CONTAINER tìm: <head> Thêm đoạn code bên dưới vào phía sau: <link rel="stylesheet"...
  13. PVS

    Tutorial 2x Cài đặt biểu tượng Font Awesome 5.2.0 và cách sử dụng trên XenForo 2

    Cài đặt biểu tượng Font Awesome 5.2.0 và cách sử dụng trên XenForo 2 Bài viết sẽ hướng dẫn cách cài đặt biểu tượng Font Awesome 5.2.0 và cách sử dụng nó trên XenForo 2. Vào template PAGE_CONTAINER tìm: <head> Thêm đoạn code bên dưới vào phía sau: <link rel="stylesheet"...
  14. PVS

    Tutorial 2x Like, Quote, Reply Button Edit - Chỉnh sửa nút Like, Quote, Reply cho XenForo 2

    Like, Quote, Reply Button Edit - Chỉnh sửa nút Like, Quote, Reply cho XenForo 2 Chỉnh sửa template đơn giản để tạo các liên kết Like, Quote và Reply giống như các nút. Code này sẽ được thêm vào trong template Extra.less. Code thứ hai thêm hiệu ứng loại thu phóng có hiệu lực vào nút. Nếu bạn...
  15. PVS

    Tutorial 2x Grid layout for Thread without addon - Tạo layout Grid cho Thread không cần Addon cho XenForo 2

    Grid layout for Thread without addon - Tạo layout Grid cho Thread không cần Addon cho XenForo 2 Một CSS đơn giản chỉ cần đặt nó trong Extra.less là sẽ cung cấp cho bạn layout dạng grid. Lưu ý: bạn cần phải điều chỉnh max-width: 50Ch; theo cách bố trí diễn đàn của bạn. Ví dụ: max-width: 40Ch...
  16. PVS

    Tutorial 2x Grid layout for XFRM without Addon - Tạo layout Grid cho XFRM không cần Addon cho XenForo 2

    Grid layout for XFRM without Addon - Tạo layout Grid cho XFRM không cần Addon cho XenForo 2 Một CSS đơn giản chỉ cần đặt nó trong Extra.less là sẽ cung cấp cho bạn layout dạng grid. .structItem--resource { background-color: white !important; border-collapse: collapse; padding: 0px...
  17. PVS

    Tutorial 2x Stop Locked Private Conversations - Ngăn người dùng khóa cuộc trò chuyện riêng tư cho XenForo 2

    Stop Locked Private Conversations - Ngăn người dùng khóa cuộc trò chuyện riêng tư cho XenForo 2 Chỉnh sửa template đơn giản này sẽ xóa khả năng người dùng bắt đầu cuộc trò chuyện riêng tư với trạng thái "Đã khóa". Lưu ý rằng người dùng vẫn có thể khóa cuộc trò chuyện sau khi tạo, không cần...
  18. PVS

    Tutorial 2x Node Unread status under node icon - Trạng thái Node chưa đọc dưới biểu tượng Node cho XenForo 2

    Node Unread status under node icon - Trạng thái Node chưa đọc dưới biểu tượng Node cho XenForo 2 Với css này, bạn có thể thêm label "NEW" bên dưới biểu tượng diễn đàn chưa đọc Chỉ cần thêm CSS vào tệp extra.less của bạn trong trình chỉnh sửa Template. .node--unread .node-icon i:after...
  19. PVS

    Tutorial 2x Add a radio block on the Sidebar - Thêm block radio vào Sidebar của XenForo 2

    Add a radio block on the Sidebar - Thêm block radio vào Sidebar của XenForo 2 Cách làm như sau: Vào ACP / Appearance / Widgets / add a Widget. Thiết lập các thông số như sau: Widget definition : HTML Widget key : Radio_By_ZOOM Title : Radio Forums list : Right sidebar Positioning : 100...
  20. PVS

    Tutorial 2x Add icons on your prefixes - Thêm biểu tượng vào tiền tố của XenForo 2

    Add icons on your prefixes - Thêm biểu tượng vào tiền tố của XenForo 2 Bài viết này sẽ hướng dẫn các bạn cách thêm biểu tượng vào tiền tố của XenForo 2. Cách làm như sau: Vào AdminCP: forums/Discussion Prefixes/chọn 1 prefix bất kỳ, nếu chưa có thì bấm Add a prefix để tạo. Sau đó check vào ô...
Top Bottom