Sidebar block title icons - Thêm biểu tượng vào tiêu đề của block sidebar XenForo 2
Bạn có muốn thêm các biểu tượng vào tiêu đề block sidebar như thế này không?
Đây là một hướng dẫn DIY đơn giản về cách đạt được điều này.
Dưới đây bạn sẽ tìm thấy code cho các block sidebar phổ biến nhất...
Icons on Notable Members page - Thêm biểu tượng vào trang Notable Members của XenForo 2
Bạn muốn có các biểu tượng vào trang Notable members như thế này?
Chỉ cần thêm đoạn code sau vào template Extra.less của bạn:
/* Icons on Notable members page */
[data-template="member_notable"]...
Icons in Visitor menu - Thêm biểu tượng vào menu Visitor của XenForo 2
Bạn muốn thêm các biểu tượng vào menu Visitor như thế này?
Chỉ cần thêm đoạn code sau vào template Extra.less của bạn:
/* Icons in Visitor menu */
.menu-content.js-visitorMenuBody a.menu-linkRow {
&:before {...
Icons in sidenav on Account page - Thêm biểu tượng vào sidenav trong trang Tài khoản của XenForo 2
Bạn muốn có các biểu tượng trong sidenav trên trang Tài khoản như thế này?
Chỉ cần thêm đoạn code sau vào template Extra.less của bạn:
/* Icons in sidenav on Account page */...
Thread prefix icons - Tùy chỉnh tiền tố chủ đề của XenForo 2
Bạn muốn tùy chỉnh tiền tố của bạn?
Đây là một hướng dẫn đơn giản làm ví dụ. Tất nhiên bạn có thể mở rộng nó cho nhu cầu của riêng bạn như bạn muốn.
Hướng dẫn sẽ giúp bạn đạt được kết quả như sau:
Tạo tiền tố tùy chỉnh của bạn...
Move thread status icons - Di chuyển biểu tượng trạng thái chủ đề của XenForo 2
Bạn có muốn có các biểu tượng trạng thái xuất hiện ở phía bên trái trước tiêu đề chủ đề?
Thêm phần sau vào template Extra.less của bạn:
/* Move thread status icons */
@media (min-width: @xf-responsiveMedium) {...
Gamepad Icons - Biểu tượng Gamepad cho XenForo 2 1.0
Bạn đã bao giờ muốn làm nổi bật cộng đồng chơi game của mình bằng cách thêm các nút điều khiển PlayStation và Xbox vào bài viết hay nội dung của bạn chưa? Bây giờ bạn có thể.
Chúc các bạn thành công.
Nguồn: xenforo.com
Iconify Custom Node Icons - Tùy chỉnh biểu tượng Node bằng Iconify cho XenForo 2 0.0.3
Quan trọng: Add-on này yêu cầu cài đặt add-on Iconify Support.
Add-on này cho phép đặt các biểu tượng tùy chỉnh cho mỗi node. Đối với các loại forum và category, bạn có thể đặt biểu tượng node đọc và chưa...
Font Awesome - Thêm biểu tượng Font Awesome vào XenForo 2 1.0.1
Add-on này cho phép bạn thêm các biểu tượng Font Awesome 5 vào các khu vực khác nhau. Tất cả các biểu tượng được thêm thông qua CSS để đảm bảo nó hoạt động với các style của bên thứ ba. Có một template modification để chèn template...
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...
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"...
Nhấp đúp vào biểu tượng diễn đàn để đánh dấu diễn đàn là đã đọc cho XenForo 2 1.0.0
Chỉ cần nhấp đúp vào biểu tượng
bạn có thể đánh dấu diễn đàn là đã đọc.
Chúc các bạn thành công.
Nguồn: xenforo.com
Custom Icon for Trophies II - Tùy chỉnh biểu tượng cho Trophies của XenForo 2 2.0.2a
Add-on này sẽ bao gồm các biểu tượng cho danh hiệu của bạn thay vì điểm, dựa trên ID danh hiệu.
Trước
Sau
Bạn có thể thay thế các biểu tượng này hoặc thêm vào tùy theo lựa chọn của mình bằng cách...
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...
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 ô...
Thêm biểu tượng Font Awesome động cho user group của XenForo 2
Đơn giản chỉ cần vào template extra.less vào thêm đoạn code sau:
/* ANIMATION_GU_BY ZOOM */
.username--style3:hover:before{
display:inline-block;
-webkit-animation-name: bounceOut;
animation-name: bounceOut...
Background Icon Shoutbox - Thêm nền vào Shoutbox của XenForo 2 1.0.0
Add-on này thêm khả năng tạo ảnh nền cho Shoutbox.
Bạn có thể thay đổi styles properties:
Chúc các bạn thành công.
Nguồn: xenforo.com
Node Icon - Biểu tượng Node cho XenForo 2 2.2 Beta 1
Bạn muốn chỉ định một số biểu tượng cho các diễn đàn trong danh sách, nhưng không thể tìm thấy tùy chọn để làm điều đó? Sử dụng addon này để thêm các biểu tượng Fontawesome tùy chỉnh cho các node trên diễn đàn của bạn.
Mô tả kỹ thuật:
Mở...
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...