CSS tùy chỉnh

Với một theme, những người không có kiến thức lập trình cũng có thể tạo poll, khảo sát và cuộc thi ảnh với thiết kế riêng thông qua cấu hình đơn giản. Bạn cũng có thể tạo CSS (Cascading Style Sheets) riêng thông qua menu ngữ cảnh của từng theme. Điều này cho phép bạn chọn các phần tử của PollUnit và kiểm soát cách trình bày của chúng - hoàn toàn cá nhân hóa, đúng theo nhu cầu của bạn.

Chức năng này dành cho những người có kinh nghiệm về HTML và CSS. Nếu điều đó không có ý nghĩa gì với bạn, bạn nên tham khảo ý kiến của một chuyên gia.

Tùy chỉnh nút

Ví dụ sau cho thấy cách bạn có thể tùy chỉnh giao diện của tất cả các nút chỉ với vài dòng mã. Các phần tử nút được chọn, làm tròn thành dạng viên thuốc và nhận một đường viền giống như bóng.

.btn {
  border-radius: 9999px;
  border-bottom: 4px solid black;
}

Nội dung và CSS tùy chỉnh theo từng ngôn ngữ

Nhưng khả năng của CSS còn đi xa hơn nhiều. Ví dụ tiếp theo cho thấy cách nội dung có thể được thay đổi theo bản địa hóa, tức là theo từng ngôn ngữ. Tại đây, nút dùng để thêm tùy chọn hoặc hình ảnh mới được chọn, điều chỉnh và sau đó được điền bằng nội dung mới.

#ccss-userActionBox .btn {
  text-indent: -9999px;
  line-height: 0;
}

#ccss-userActionBox .btn::after {
  text-indent: 0;
  display: block;
  line-height: initial;
}

html[lang=en] #ccss-userActionBox .btn::after {
  content: 'Localized button text';
}

html[lang=de] #ccss-userActionBox .btn::after {
  content: 'Lokalisierter Buttontext';
}

Phông chữ tùy chỉnh

Bạn cũng có thể sử dụng phông chữ riêng của mình qua CSS. Bạn nên đảm bảo rằng máy chủ của bạn cho phép »pollunit.com« trong các header CORS.

@font-face {
  font-family: 'Amatic';
  font-style: normal;
  font-weight: 200;
  src: url(https:/myhost.com/amatic.woff);
}

h1 {
  font-family: 'Amatic' !important;
  font-weight: 200;
}