ورود

ورود کاربر

0%

سوالات نظرسنجی را زیبا تر نمایش دهیم

به صورت پیش فرض افزونه ی نظرسنجی دروپال به صورت ساده و بدون هیچ تمی می باشد . در عکس زیر نحوه ی نمایش چک باکس و Radio bautton را در سیستم عامل های مختلف می بینید .

مرحله ای اول آماده کردن عکس ها می باشد .

  • زمانی که چک باکس یا Radio button تیک ندارد (کلیک نشده است) .
  • زمانی که تیک خورده باشد .

عکس های من به این صورت می باشد .

 

مرحله دوم Css است. این css هارو درون تم خودتون قرار بدید تا تغییرات رو ببینید .

input[type="radio"] + label {
    background: url("../images/check_radio.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin: -1px 4px 0 0;
    padding-right: 23px;
    vertical-align: middle;
    width: 90px;
}

input[type="radio"]:checked + label {
    background: url("../images/check_radio_check.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}

نمونه کد و عکس آماده

دسته بندی: 

افزودن دیدگاه جدید