3534 Views

Cách tùy chỉnh css cho cửa sổ chat desktop

Bên cạnh việc sử dụng những cài đặt Subiz cung cấp trong phần Cài đặt > Cửa sổ chat. Bạn có thể dễ dàng tùy chỉnh những thành phần khác trên cửa sổ chat bằng cách sử dụng mã CSS.

CSS là viết tắt của cụm từ “Cascading Style Sheet” , nó là một ngôn ngữ quy định cách trình bày của các thẻ html trên trang web. Với việc sử dụng CSS bạn có thể tùy chỉnh một số thành phần của cửa sổ chat Subiz theo ý muốn một cách dễ dàng và đơn giản.

Tùy chỉnh CSS ở đâu?

Bạn sẽ đăng nhập vào trang quản lý của Subiz để thực hiện những thay đổi về CSS này.

  1. Chọn Cài đặt  > Cửa sổ chat
  2. Vào mục Giao diện > Tùy chỉnh
  3. Copy và paste đoạn css tương ứng để tùy chỉnh thành phần bạn muốn và Lưu thay đổi

Dưới đây là một số tùy chỉnh css một số thành phần trên cửa sổ chat bạn có thể tham khảo.

Thay đổi chiều rộng cửa sổ chat

Phần 340px bạn có thể điều chỉnh con số cho phù hợp với website.
Kích thước mặc định của cửa sổ chat Subiz đang là: 340 x 486 px (Chiều rộng: 340px – Chiều cao: 486px)

width

Thay đổi chiều cao cửa sổ chat

Phần 486px bạn có thể điều chỉnh con số cho phù hợp với website.

Lưu ý:

Ảnh dùng làm logo có kích thước chuẩn là: 100 x 35 px

Dung lượng: nhỏ hơn 200Kb

logo

Bo tròn avatar

rounded-avatar

Ẩn cửa sổ chat

hidden

Đổi kích thước & màu sắc nội dung text chat

font-size2

Căn chỉnh Bubble