SurveyMonkey
Anketinizin stilini belirlemek için CSS kullanın
ENTERPISE ÖZELLİĞİ: İlgileniyorsanız, satış departmanıyla iletişime geçin. Halihazırda bir Enterprise hesabınız varsa, Müşteri Başarı Yöneticinizle iletişime geçin.
Genel stil değişiklikleri yapmak için özel bir tema oluşturabilirsiniz. Ayrıca belirli bir anket sorusuna özel stil değişiklikleri yapmak için metin biçimlendirme araç çubuğunu kullanabilirsiniz.
Kurumsal Birincil Yöneticiler, anketinizin görünümüne damgasını vuracak özel bir anket teması oluşturmak üzere CSS ekleyebilir.
Özel bir CSS teması oluşturma
Birincil Yöneticiler görsel varlıklarınıza, yazı tiplerinize, renklerinize ve stil tercihlerinize uyan özel bir anket teması için CSS ekleyebilir.
Kitaplığa yeni bir Özel Tema eklemek için:
- Ana gezinme alanından Ekibim öğesini ve Kütüphane öğesini seçin.
- + Yeni Öğe (Öğe ekle) öğesini seçin.
- CSS Temasını seçin.
- Tercih ettiğiniz CSS düzenleme aracında Kodu kopyala ve yapıştır öğesini seçin.
- Kodda özelleştirmeler yapın ve kodu Temayı özelleştirin altındaki kutuya ekleyerek ve Önizleme oluştur öğesini seçerek önizlemesine bakın.
- Kaydet öğesini seçin.
İPUCU! Anketinizi göndermeden önce Özel CSS temanızı önizleyin.
- CSS Özel Temanızı görmek için Anket Önizleme özelliğini kullanma
Özel CSS Temasını Düzenleme
Özel CSS teması kaydedildiğinde yalnızca Birincil Yönetici sayfa öğelerini düzenleyebilir veya değiştirebilir.
Özel Temayı düzenlemek için:
- Ana gezinme alanından Ekibim öğesini ve Kütüphane öğesini seçin.
- ... öğesini seçin ve Güncelle öğesini tıklayın.
- CSS Temasını seçin.
- Tercih ettiğiniz CSS düzenleme aracında Kodu kopyala ve yapıştır öğesini seçin.
- Kodda özelleştirmeler yapın ve kodu Temayı özelleştirin altındaki kutuya ekleyerek ve Önizleme oluştur öğesini seçerek önizlemesine bakın.
- Kaydet öğesini seçin.
Ekip üyeleri, Özel CSS teması uygulanan bir anketin öğelerini tek tek değiştiremez veya düzenleyemez.
Sayfa öğelerini özelleştirme
Genel Özellikler
| CSS Özelliği | Dize Değeri |
| Yazı Tipi Ailesi | Kurumunuzda tercih edilen bir Yazı Tipi Ailesi olabilir. Daha fazla fikir için CSS Web Güvenli Yazı Tiplerine de göz atabilirsiniz. |
| Yazı Tipi Boyutu | Bir sayı örn. 32px |
| Renk | Renginizin RGBA değerini oluşturmak için renk seçiciyi kullanın. |
| Arkaplan Rengi | HEX kodu ya da RGBA değeri olur. |
Sayfa Başlığı
Anketinizin düzgün ve düzenli görünmesi için anketinizdeki farklı sayfalara Sayfa Başlıkları ekleyebilirsiniz.
#pageTitle {
color: rgba(0,0,96,1);
background-color: #A1F3FB;
font-family: National2;
font-size: 24;
font-style: NORMAL;
font-weight: REGULAR;
text-decoration: NONE;
}
İPUCU! Renginizin RGBA değerini veya hex kodunu oluşturmak için renk seçici kullanın.
- Yazı tipi stilini değiştirme
- Yazı tipi ağırlığını değiştirme
- Metin dekorasyonunu değiştirme
Anket Başlığı
Anket başlığı, gizlemeyi seçmediğiniz sürece yanıtlayanlar ankette ilerlerken her anket sayfasının üstünde görünür.
#surveyTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 26;
font-style: NORMAL;
font-weight: BOLD;
text-decoration: NONE;
}
- Yazı tipi stilini değiştirme
- Yazı tipi ağırlığını değiştirme
- Metin dekorasyonunu değiştirme
Anket Sayfası
Anketinizdeki soruların arkasında görünen arkaplan rengi. Anket Arkaplanı rengi, yalnızca bir Arkaplan Görüntüsü eklemediyseniz görünür.
#surveyPage {
background-color: rgba(137,230,243,1);
}
#surveyPageSecondaryColor {
background-color: rgba(84,213,231,1);
}
İPUCU! Renginizin RGBA değerini oluşturmak için renk seçiciyi kullanın.
Soru Başlığı
Çeşitli soru türlerinde soru metninin nasıl görüneceğini özelleştirebilirsiniz.
#questionTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 22;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Yazı tipi stilini değiştirme
- Yazı tipi ağırlığını değiştirme
- Metin dekorasyonunu değiştirme
Soru Gövdesi
Yanıt seçeneklerinin yanıtlayanlara nasıl görüneceğini ve ayrıca seçildiklerinde vurgu rengi kullanan soru türlerini özelleştirebilirsiniz. Örneğin bir Çoktan Seçmeli soru.
#questionBody {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 18;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
highlight-color: rgba(31,216,234,1);
}
- Yazı tipi stilini değiştirme
- Yazı tipi ağırlığını değiştirme
- Metin dekorasyonunu değiştirme
Düğme
Anketinizi yanıtlayan kişiler, ankette gezinmek için bu düğmeleri kullanır. Yanıtlayan, anketin her sayfasındaki İleri veya Bitti düğmesini tıkladığında, yanıtlar kaydedilir ve gönderilir.
#button {
font-family: National2;
font-size: 15;
font-weight: REGULAR;
}
- Yazı tipi ağırlığını değiştirme
Hata
Zorunlu bir soruyu boş bıraktıkları veya yanıtları gerekli aralığa ya da sınıra uymadığı takdirde, yanıtlayanlara hata mesajları gösterilir.
#error {
font-size: 16;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Yazı tipi stilini değiştirme
- Yazı tipi ağırlığını değiştirme
- Metin dekorasyonunu değiştirme
Çıkış Bağlantısı
Çıkış bağlantıları her sayfanın sağ üst köşesinde gösterilir ve yanıtlayanların geçerli sayfada girdikleri yanıtları kaydetmeden anketten çıkmasına olanak sağlar.
#exitLink {
background-color: rgba(0,0,0,0);
font-size: 12;
font-weight: LIGHT;
- Yazı tipi ağırlığını değiştirme
Sayfa Yerleşimi
Arkaplan renginizin veya görüntünüzün nasıl ve nerede görüntüleneceğini seçmek için sayfa yerleşim düzenini kullanabilirsiniz.
#pageLayout {
layout: banner;
opacity: 0.0;
}
İPUCU! Düz bir arkaplan rengi elde etmek için opaklığı 100 olarak ayarlayın.