Hướng dẫn tùy chỉnh kích thước, màu sắc chữ

5
(1)

Tại sao khi tạo ra một bảng câu hỏi khảo sát người tạo luôn chú ý, quan tâm đến giao diện? Bởi vì một bảng khảo sát có giao diện đẹp, dễ đọc, thiết kế bắt mắt sẽ dễ thu hút cũng như mang lại trải nghiệm tuyệt vời cho người thực hiện khảo sát. Từ đó, kết quả sẽ mang tính khách quan, số liệu sẽ chính xác hơn.

Dưới đây là giao diện của một bảng câu hỏi bình thường chưa được tùy chỉnh

không-chinh-sua

1. Tăng, giảm kích thước chữ

Để tăng giảm kích thước chữ, bạn gắn đoạn code [fontSize=20px]chữ muốn tăng/giảm kích thước[/fontSize]. Nếu muốn tăng kích thước chữ thì bạn tăng số pixel (px) lên, ngược lại nếu muốn giảm kích thước chữ thì bạn giảm số pixel xuống.

Như hình ví dụ, nếu bạn muốn tăng chữ “nhiều nhất” to hơn chữ mặc định trên hệ thống, thì bạn chèn code như sau: Bạn đang sử dụng ngân hàng nào [fontSize=30px]nhiều nhất[/fontSize].

Dưới đây là hướng dẫn và giao diện khi đã tăng kích thước chữ

2. In đậm, in nghiên chữ

Để in đậm màu chữ thì bạn chèn đoạn code [b]chữ muốn in đậm[/b]

Để in nghiên chữ thì bạn chèn đoạn code [i]chữ muốn in nghiên[/i]

Nếu như bạn muốn in đậm chữ “đang sử dụng” để nhấn mạnh vấn đề thì bạn chèn như sau: Bạn [b]đang sử dụng[/b] ngân hàng nào nhiều nhất

Dưới đây là hướng dẫn và giao diện khi đã in đậm chữ

Thông thường những câu mô tả thường được in nghiên, nếu như muốn in nghiên dòng mô tả bạn chèn như sau: [i]Vui lòng chọn một đáp án phù hợp nhất[/i]

Dưới đây là hướng dẫn và giao diện khi đã in nghiên chữ

in-nghien

3. Màu sắc chữ

Tương tự như vậy, nếu như bạn muốn chỉnh màu sắc chữ thay vì màu mặc định trên hệ thống thì bạn chèn đoạn code: [color=#RRGGBB]chữ muốn chỉnh màu[/color], trong đó mã HEX (#RRGGBB) là mã màu, bạn có thể thay đổi tùy ý, tùy vào mục đích mà sở thích thì bạn chọn màu sao cho phù hợp.

Ví dụ mình muốn chỉnh màu chữ ngân hàng thì chèn như sau: Bạn đang sử dụng [color=#26ba99]ngân hàng[/color] nào nhiều nhất.

Dưới đây là hướng dẫn và giao diện khi đã thay đổi màu sắc chữ

mau-sac-chu

Lưu ý: Những đoạn code này chỉ áp dụng cho câu hỏi và mô tả của câu hỏi, không áp dụng cho câu trả lời.

Ngoài ra bạn cần chú ý, nếu như một câu bạn sử dụng cùng lúc nhiều đoạn code thì nên chú ý đóng mở code cho đúng. Hình dưới đây sẽ mình họa cho bạn cách đóng mở code khi sử dụng nhiều code cùng lúc trong một đoạn câu.

4. Lấy đáp án câu trước làm câu hỏi cho câu sau

Ngoài các tùy chỉnh màu sắc và chữ bằng cách chèn code vào như trên, Khaosat.me còn có một đoạn code đơn giản giúp bạn thiết kế bảng câu hỏi một cách thông minh, đó là code “[q=thứ tự câu hỏi][/q]“. Đoạn code này sẽ giúp bạn lấy câu trả lời từ câu hỏi trước làm câu hỏi cho câu sau.

Để hình dung rõ hơn, cùng mình tìm hiểu qua ví dụ dưới đây nhé!

Câu 1: Bạn đang sử dụng ngân hàng nào nhiều nhất

  • Vietcombank
  • TPBank
  • BIDV
  • Techcombank
  • Sacombank
  • Khác ___

Câu 2: Mức độ hài lòng của bạn với [ngân hàng chọn ở câu 1]

Để lấy đáp án của câu trước làm câu hỏi cho câu sau, cụ thể ví dụ này là lấy tên ngân hàng mà đáp viên chọn ở câu 1 làm câu hỏi cho câu 2 thì bạn chèn code vào câu 2 như sau: Mức độ hài lòng của bạn với [q=1][/q].

Lưu ý: Code này vẫn áp dụng được khi đáp viên tự điền vào câu trả lời Khác.

Hy vọng rằng bài hướng dẫn này sẽ giúp các bạn thiết kế được một bảng câu hỏi theo ý mình, mang màu sắc riêng và đẹp mắt hơn. Chúc các bạn thành công nhé!

Click để đánh giá bài viết!

Quay lại đầu trang
Shares