icon

  1. 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"...
  2. PVS

    Addon 2x Nhấp đúp vào biểu tượng diễn đàn để đánh dấu diễn đàn là đã đọc cho XenForo 2

    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
  3. PVS

    Addon 2x Custom Icon for Trophies II - Tùy chỉnh biểu tượng cho Trophies của XenForo 2

    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...
  4. 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...
  5. 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 ô...
  6. PVS

    Tutorial 2x Thêm biểu tượng Font Awesome động cho user group của XenForo 2

    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...
  7. PVS

    Addon 2x Background Icon Shoutbox - Thêm nền vào Shoutbox của XenForo 2

    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
  8. PVS

    Addon 2x Node Icon - Biểu tượng Node cho XenForo 2

    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ở...
  9. PVS

    Tutorial 2x UI.X2 Category Icon - Biểu tượng UI.X2 Category cho XenForo 2

    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...
  10. PVS

    Tutorial 2x Add Font Awesome icons to the navigation - Thêm biểu tượng Font Awesome vào navigation cho XenForo 2

    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...
  11. PVS

    Tutorial 2x Add Font Awesome icons to your usergroups - Thêm biểu tượng Font Awesome vào usergroup cho XenForo 2

    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...
  12. PVS

    Tutorial 2x Add Font Awesome icons to your prefix - Thêm biểu tượng Font Awesome vào tiền tố cho XenForo 2

    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...
  13. PVS

    Tutorial 2x Coloured Node Icons - Thay đổi màu sắc biểu tượng Node cho XenForo 2

    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...
  14. PVS

    Tutorial 2x Icons for Login and Register buttons - Thêm biểu tượng cho nút Login và Register của XenForo 2

    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...
  15. PVS

    Addon 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

    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...
  16. PVS

    Addon 2x NodeIcons - Biểu tượng Node cho XenForo 2

    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...
  17. PVS

    Other Chia sẻ các website cung cấp icon miễn phí

    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...
  18. PVS

    Hướng dẫn Tìm hiểu và áp dụng Icon fonts

    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”...
  19. PVS

    Other Missing Icons - Ẩn dấu các biểu tượ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...
  20. PVS

    Hướng dẫn Nên sử dụng Fontello hay FontAwesome để chèn icon vào website?

    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...
Top Bottom