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...
SocialFooter - Thêm biểu tượng mạng xã hội vào Footer XenForo 2 1.1.1
Với sửa đổi này, bạn có thể thêm liên kết các mạng xã hội của bạn ở footer.
Đây là một số hình ảnh:
Chúc các bạn thành công.
Nguồn: xenforo.com
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"...
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"...
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...
Add a FA logo on the user's banner - Thêm biểu tượng FA vào user banner của XenForo 2
Vào Panel Admin >> "Groups & Permissions" >> "User Group", chọn group muốn thêm biểu tượng FA. Khi đã chọn xong, thêm một HTML của biểu tượng FA vào trong hộp "User banner text"
<i class= "fa...
Add an FA logo to the user group - Thêm biểu tượng FA vào nhóm người dùng của XenForo 2
Để thực hiện việc này, vào AdminCP và đến template extra.less thêm đoạn code sau:
.username--style3:before { // Change the number 3 by the number of the user group you want.
font-family: "FontAwesome"...
Favicon For Links - Thêm Favicon khi chèn liên kết cho XenForo 2 3.0.1
Favicon là gì?
- Favicon là một hình ảnh đồ họa (icon) liên kết với một trang Web cụ thể.
- Trình duyệt hiển thị chúng như một lời nhắc nhở trực quan về nhận dạng trang web trong thanh địa chỉ hoặc trong các tab.
Có gì...
Message Macros Font Awesome - Thêm Font Awesome vào Message Macros cho XenForo 2 1.0.0
Add-on này sẽ thêm các biểu tượng Font Awesome vào Message Macros.
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...
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...
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...
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...