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...
Font Awesome on Menu and Sub Menus - Font Awesome trên Menu và Sub Menu cho XenForo 2
Thêm biểu tượng font awesome vào menu và submenu thả xuống.
Bạn có thể tìm thấy nhiều mã unicode font awesome hơn tại Font Awesome Icon List.
Khi bạn nhấp vào biểu tượng đơn, nó sẽ có unicode dưới biểu tượng...
Icons for Login and Register buttons - Thêm biểu tượng cho nút Login và Register của XenForo 2
Demo:
Thêm đoạn code sau vào template extra.less của bạn:
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
font-family...
Daily Doodle - Doodle hàng ngày cho XenForo 2 2.0.5
Hầu hết mọi người biết rằng Google thay đổi logo của họ vào những ngày cụ thể để tôn vinh ngày lễ, sinh nhật hoặc các sự kiện đáng chú ý khác. Họ gọi những logo tạm thời này là "Google Doodles". Nhiều Admin của XenForo cũng muốn đánh dấu các...
Add Resource Icon image in Search - Thêm hình ảnh biểu tượng tài nguyên vào tìm kiếm 1.0
Addon này bổ sung biểu tượng tài nguyên vào trong tìm kiếm xenforo thay vì avatar trong tìm kiếm xenforo...!
Tóm tắt về tính năng:
Biểu tượng tài nguyên trong Tìm kiếm
Thiết lập kích thước 250x150
Xếp...
NodeIcons - Biểu tượng Node cho XenForo 2 1.1.0 Alpha 1
Bây giờ mới cho XenForo 2.2 (Bản mới này chỉ áp dụng cho 2.2).
Addon hoạt động với giao diện mặc định, nếu bạn thay đổi các phần thiết yếu của giao diện theo phong cách của riêng mình, có thể cần thiết phải có những thay đổi đối với...
Chia sẻ các website cung cấp icon miễn phí
Nếu bạn là Web Designer và công việc của bạn là thiết kế đồ họa thì bạn luôn cần hình ảnh tư liệu từ nhiều nguồn. Nhưng tìm được nguồn miễn phí và cho phép sử dụng với mục đích thương mại cũng không phải là chuyện dễ. Ngoài hình ảnh, font chữ thì icon...
Tìm hiểu và áp dụng Icon fonts
Sự phát triển không ngừng của công nghệ đã đẩy sự sáng tạo ngày càng trở nên tuyệt vời hơn. Từ khi các trình duyệt bắt đầu tích hợp @font-face thì các thiết kế trên website ngày trở nên phong phú và đầy màu sắc. Đặt biệt, trong giai đoạn hiện nay “Thiết kế phẳng”...
Missing Icons - Ẩn dấu các biểu tượng 1.0.5
Một số nơi cần biểu tượng nhưng bị bỏ qua. Với add-on này, bạn có thể có các biểu tượng ở những nơi đó. Nghĩa là nó sẽ ẩn đi các biểu tượng và sẽ hiện ra khi bạn rê chuột vào.
Các biểu tượng được thêm vào:
Postbit
Joined
Messages
Likes
Trophy...
Nên sử dụng Fontello hay FontAwesome để chèn icon vào website?
Chắc hẳn các bạn cũng biết FontAwesome trong việc nhúng những icon đẹp mắt vào website mà không cần dùng đến hình ảnh, lợi ích của cách chèn font này là cách sử dụng dễ dàng, dễ tùy biến bằng CSS và quan trọng là tiết kiệm được băng...
Featured Members - Thành viên nổi bật (+ biểu tượng đã xác minh) 1.5.0
Bạn đã bao giờ nhìn thấy trong facebook hay twitter hay instagram một số tài khoản có biểu tượng xác minh? Add-on này cho phép bạn có các chức năng tương tự vào trong XenForo của bạn + thêm một vài tính năng.
Tính năng...
Custom Node Status Icons - Tùy chỉnh biểu tượng trạng thái Node (Đọc & Chưa đọc)
Các id node bao gồm trong template, cho phép chúng ta dễ dàng thay đổi các biểu tượng trạng thái mà không có bất kỳ chỉnh sửa template phức tạp.
Trong ACP tìm đến teplate EXTRA.css và nhập CSS sau đây cho mỗi...
Last Post Node Icons Guide - Hướng dẫn thêm biểu tượng vào Last Post Node (Cho UI.X Themes)
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 sau bài viết cuối của Node.
Đầu tiên vào template node_forum_level_2
Tìm:
<div class="media__object media--left">
<xen:include...
Social network icon in sidebar - Biểu tượng mạng xã hội trong sidebar
Bài viết này sẽ chỉ cho bạn làm thế nào để đặt các biểu tượng mạng xã hội trong sidebar. Chỉ muốn cho bạn biết rằng biểu tượng đi kèm với kích thước khác nhau để đáp ứng nhu cầu diễn đàn của bạn và nó rất đẹp (biểu tượng HD)...
Smilies Everywhere - Thêm biểu tượng mặt cười vào mọi nơi 1.0.1
Smilies Everywhere là một add-on được phát triển bởi đội ngũ kỹ thuật của XenSupport để mang lại sự hỗ trợ các biểu tượng mặt cười trên diễn đàn của bạn, nhưng đáng chú ý là các tin nhắn profile người dùng của bạn.
Tin nhắn...