अपना CSS

थीम के साथ बिना प्रोग्रामिंग ज्ञान वाले लोग सरल विन्यास के जरिए अपने डिजाइन में मतदान, सर्वेक्षण और फोटो प्रतियोगिताएं बना सकते हैं। आप प्रत्येक थीम के संदर्भ मेनू से अपना CSS (Cascading Style Sheets) भी बना सकते हैं। इससे आप अपनी PollUnit के तत्व चुनकर उनका प्रदर्शन पूरी तरह व्यक्तिगत रूप से, अपनी जरूरतों के अनुसार नियंत्रित कर सकते हैं।

यह सुविधा HTML और CSS का अनुभव रखने वाले लोगों के लिए है। यदि इसका अर्थ आपके लिए स्पष्ट नहीं है, तो आपको किसी विशेषज्ञ से सलाह लेनी चाहिए।

बटन समायोजित करें

नीचे दिया गया उदाहरण दिखाता है कि कोड की कुछ ही पंक्तियों से आप सभी बटनों का रूप कैसे समायोजित कर सकते हैं। बटन तत्व चुने जाते हैं, गोली जैसे आकार में गोल किए जाते हैं और उन्हें छाया जैसी रूपरेखा मिलती है।

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

हर भाषा के लिए अपनी सामग्री और CSS

लेकिन CSS की संभावनाएं इससे भी आगे जाती हैं। अगला उदाहरण दिखाता है कि सामग्री को स्थानीयकृत, यानी हर भाषा के अनुसार, कैसे बदला जा सकता है। यहां नए विकल्प या चित्र जोड़ने वाला बटन चुना जाता है, समायोजित किया जाता है और फिर नई सामग्री से भरा जाता है।

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

अपने फॉन्ट

आप CSS के जरिए अपने फॉन्ट भी उपयोग कर सकते हैं। आपको सुनिश्चित करना चाहिए कि आपका सर्वर CORS headers में »pollunit.com« की अनुमति देता है।

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