Thay prefix bằng hình ảnh cho Xenforo

[PVS]

Thay prefix bằng hình ảnh cho Xenforo

Bạn quen nhìn các prefix trên diễn đàn bằng chữ. Và bạn cảm thấy nó khá đơn điệu và nhàm chán? Bạn muốn thay đổi nó thành hình ảnh mà bạn tự chọn để tạo sự độc đáo cho diễn đàn của bạn. Bài viết này sẽ hướng dẫn bạn cách thay prefix mặc định trong Xenforo thành hình ảnh đẹp mắt.

Cách làm khá đơn giản tuy nhiên đem lại sự đẹp mắt cho diễn đàn Xenforo. Cách làm như sau :

• Đầu tiên bạn vào Admincp >> Applications >> Thread Prefixes để tạo Prefix (Ví dụ Prefix có dạng demo_1, demo_2,...)

​

• Sau khi tạo xong Prefix vào Appearance >> Template . Mở template EXTRA.css và thêm đoạn code sau:
  

  /* ---------ImagePrefix--------*/
  span.demo_1 {
  background-image: url('/link_hình_ảnh/demo_1.png');
  background-size:contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  text-overflow: clip;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 130%;
  display: inline-block;
  vertical-align: top;
  }

* Thay đoạn "/link_hình_ảnh/demo_1.png" thành link hình ảnh của bạn
* Tương tự thêm code như vậy cho tất cả Prefix khác, nhớ chỉnh width và height theo ý của bạn.​

• Vậy là xong. Demo:

​

Chúc các bạn thành công.

Nguồn: vnnet.org​