tutorial 2.x

UI.X2 Category Icon - Biểu tượng UI.X2 Category cho XenForo 2 Chỉnh sửa .block--category12 với ID category của bạn. Tất cả biểu tượng Material Design các bạn có thể tìm tại đây. .block--category12 .block-header .uix_categoryStrip-content a:before { font:normal normal normal 18px/1 "Material...

Adding Select All for code BBcode - Thêm Select All vào BBcode code cho XenForo 2 Cách đơn giản nhưng hiệu quả để chọn tất cả nội dung của bbcode code trong diễn đàn của bạn. Xin lưu ý: điều này không thêm nút "Select All" như bạn thường thấy, nhưng nó cho biết thêm một chức năng đơn giản cho...

Collapsible User Extras - Thu gọn thông tin người dùng cho XenForo 2 Mod này sẽ ẩn thông tin người dùng bổ sung trong message theo mặc định. Thống kê có thể được hiển thị bằng cách nhấp vào mũi tên mở rộng. Ở đây sẽ chỉ hỗ trợ style mặc định, style của bên thứ ba sẽ không được hỗ trợ. Cùng với...

Donation Button for Resources - Thêm nút Donation vào Resources cho XenForo 2 Bài viết này sẽ hướng dẫn các bạn cách thêm một nút Donation vào Resources của bạn kết hợp với custom fields. 1. Tạo một custom field mới: Nếu không có custom field mới, điều này sẽ không làm việc. Đảm bảo sao...

UI.X2 Column sub-forums - Chia cột sub-forum cho XenForo 2 Chỉ cần thêm đoạn code bên dưới vào template extra.less là xong. .node-subNodesFlat { display: block; } .node-subNodeFlatList li { width: 45%; float: left; } Chúc các bạn thành công. Nguồn: xenforo.com

New Post Button in Post - Thêm nút Đăng Bài Mới trong bài viết cho XenForo 2 Đơn giản chỉ cần vào ACP --> Template --> thread_view và tìm: <xf:breadcrumb source="$forum.getBreadcrumbs()" /> Thay bằng đoạn code sau: <xf:breadcrumb source="$forum.getBreadcrumbs()" /> <xf:pageaction...

Navtab menu FontAwesome use of - Thêm FontAwesome vào menu Navtab cho 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 FontAwesome vào menu Navtav cho XenForo 2. Cách làm khá đơn giản, các bạn chỉ cần vào template extra.less và thêm đoạn code này vào là xong. /* xFDestek.com -...

Add Font Awesome icons to the navigation - Thêm biểu tượng Font Awesome vào navigation cho XenForo 2 Vào phần language và chọn ngôn ngữ hiện tại của bạn: /admin.php?languages/ Tìm: nav. Sau đó chọn phrase bất kì tương ứng với các tab trên navigation bạn muốn thêm biểu tượng và thêm đoạn code...

Create a usergroup legend in sidebar - Tạo usergroup legend trong sidebar cho XenForo 2 Tạo một template mới có tên là usergroup_legend với nội dung như sau: <div class="block"{{ widget_data($widget) }}> <div class="block-container"> <h3 class="block-minorHeader"><i class="fa...

Xmas time! Snow animation header - Hiệu ứng tuyết rơi trên header cho XenForo 2 Thay đổi header của bạn thành một hình ảnh đẹp với hiệu ứng tuyết rơi. Tải xuống file đính kèm và đặt chúng trong thư mục images/snow. Cách đơn giản nhất để tạo header này là advertisement. Đầu tiên bạn phải...

Highlight and Separate Sticky Threads - Làm nổi bật và tách biệt chủ đề ghim cho XenForo 2 Chỉnh sửa css đơn giản (extra.less) để làm nổi bật và tách biệt các chủ đề ghim với chủ đề thường. Tách biệt chủ đề ghim với chủ đề thường: Thêm đoạn code sau vào template extra.less: /* Border...

Status indicator online or offline - Chỉ thị trạng thái online hoặc offline cho XenForo 2 Vào template message_macros tìm: <span class="message-userArrow"></span> Thêm đoạn code sau vào phía trước: <xf:if is="$user.isOnline()"> <div class="onlineON">Online</span></div> <xf:else />...

Change the color of the blocks on your sidebar - Thay đổi màu sắc của block sidebar trong XenForo 2 Thêm đoạn code này vào template EXTRA.less của bạn: /*color block sidebar*/ .block-minorHeader { background-color: #0f3652 !important; color: #FFF !important; } Chúc các bạn thành...

Add Font Awesome icons to your usergroups - Thêm biểu tượng Font Awesome vào usergroup cho XenForo 2 Đây là code cơ bản để thêm vào template EXTRA.less của bạn: /*add fa to your usergroups*/ .username--style3:before { font-family: "FontAwesome"; content: "\f013"; color: inherit; padding-right...

Add Font Awesome icons to your prefix - Thêm biểu tượng Font Awesome vào tiền tố cho XenForo 2 Đơn giản chi cần thêm đoạn code sau vào template EXTRA.less của bạn: /*adding fa icon to prefix*/ .fa:before{ font-family:FontAwesome; margin-right:3px } Sau đó trong prefix chọn check other...

Căn chỉnh tiêu đề của các block trong sidebar cho XenForo 2 Chỉ cần thêm đoạn code này vào template EXTRA.less của bạn: /*aligns the text of the sidebars blocks*/ .block-minorHeader { text-align:center; } Chúc các bạn thành công. Nguồn: xenforo.com

Custom Staff Online Titles for Xenforo 2 - Tùy chỉnh tiêu đề Staff Online cho XenForo 2 Đây là hướng dẫn ngắn và đơn giản để tùy chỉnh tiêu đề staff online vì thông thường nó hiển thị tiêu đề profile user thay vì tiêu đề staff cho staff online. Đi đến template widget_members_online. Tìm...

Coloured Node Icons - Thay đổi màu sắc biểu tượng Node cho XenForo 2 Demo: Trước khi thay đổi code cần chuẩn bị: Để thay đổi category block header xem hướng dẫn này. Hãy chắc chắn loại node là gì để thay đổi biểu tượng phù hợp (Category, Forum, Link forum hoặc Page). Nếu bạn không biết cách...

Horizontal Postbit Design - Thiết kế Postbit nằm ngang cho XenForo 2 Thiết kế postbit đơn giản này sử dụng thiết kế nằm ngang thay vì thiết kế postbit theo chiều dọc của Xf2 bao gồm bố cục dựa vào css. Tất cả bạn phải làm cho điều này là thêm đoạn code bên dưới vào template extra.less...

Body Shadow - Tạo bóng cho thân diễn đàn XenForo 2 Đơn giản chỉ cần thêm đoạn code css sau vào template extra.less: .p-body-inner{background:#ececec; box-shadow: inset 0 0 1em #ECECEC, 0 0 2em #BEBEBE; padding-left: 15px;padding-right: 15px;border-top-left-radius: 8px;border-top-right-radius...