Özel CSS

Bir tema ile programlama bilgisi olmayan kişiler de basit yapılandırma ile oylama, anket ve fotoğraf yarışmalarını kendi tasarımlarında oluşturabilir. Ayrıca her temanın bağlam menüsünden kendi CSS'inizi (Cascading Style Sheets) oluşturabilirsiniz. Bu, PollUnit öğelerini seçip görünümlerini tamamen ihtiyaçlarınıza göre kontrol etmenizi sağlar.

Bu işlev HTML ve CSS deneyimi olan kişilere yöneliktir. Eğer bu size bir şey ifade etmiyorsa, bir uzmana danışmalısınız.

Düğmeleri özelleştirin

Aşağıdaki örnek, birkaç satır kodla tüm düğmelerin görünümünü nasıl özelleştirebileceğinizi gösterir. Düğme öğeleri seçilir, hap şeklinde yuvarlatılır ve gölge benzeri bir kenarlık alır.

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

Dil başına özel içerik ve CSS

CSS'in olanakları çok daha geniştir. Bir sonraki örnek, içeriğin yerelleştirilerek (dile göre) nasıl değiştirilebileceğini gösterir. Burada yeni seçenek veya görsel ekleme düğmesi seçilir, uyarlanır ve yeni içerikle doldurulur.

#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';
}

Özel yazı tipleri

CSS üzerinden kendi yazı tiplerinizi de kullanabilirsiniz. Sunucunuzun CORS başlıklarında »pollunit.com«'a izin verdiğinden emin olun.

@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;
}