سیستم نظرسنجی

دسته بندی :

طبق درخواست های مکرر کاربران عزیز امکان ایجاد سیستم نظرسنجی برای کاربران را فراهم کردیم این سیستم طوری طراحی شده است که شما براحتی می توانید توسط کدهای css بر قالب نظرسنجی خود تسلط داشته باشید و طبق سلیقه ی خود ظاهری مناسب طراحی کنید برای مشاهده ی سیستم نظرسنجی در وبلاگ خود کدهای زیر را در قالب وبلاگ وارد کنید

<PollBlock>

<Poll>

<PollAnswer>

<PollQuestion>

</Poll>

</PollBlock>

دقت کنید شما می توانید کدهای بالا را در درون کدهای html اضافه کرده تا ظاهر قالب نظرسنجی خود را بسازید فقط چند کلاس مخصوص در css از قبل ما تعریف کرده ایم که شما باید خاصیت های آنها را تغییر داده تا تغییرات در قالب نظرسنجی اعمال شود

کلاس های از قبل تعریف شده :

<style>
.clickk
{
margin-top:10px;
margin-bottom:-5px;
    background:url(http://www.samenblog.com/pictures/btn_bg.gif);
    color:#000000;
    cursor:pointer;
    float:none;
    font-family:Tahoma;
    font-size:12px;
    height:25px;
    text-align:center;
    border:2px solid #A5384B;
padding-bottom:3px
}
.nazar{

text-align:right;

direction:rtl;
color:#000000;
}
.cent{
text-align:center;
}
</style>

کلاس clickk مربوط به دکمه ی ارسال نظرسنجی می باشد همان دکمه ای که بازدیدکنندگان با کلیک بر روی آن نظر خود را ارسال می کنند

کلاس nazar مربوط به کزینه ها می باشد مثلا شما با وارد کردن مقدار color:red در این کلاس باعث می شوید تمام رنگ متن گزینه ها قرمز شود.

کلاس cent تعیین می کند که دکمه ی ارسال نظر در کجا قرار بگیرد (چپ,راست,وسط)

کد نمونه :

<style>
.clickk
{
margin-top:10px;
margin-bottom:-5px;
    background:url(http://www.samenblog.com/pictures/btn_bg.gif);
    color:#000000;
    cursor:pointer;
    float:none;
    font-family:Tahoma;
    font-size:12px;
    height:25px;
    text-align:center;
    border:2px solid #A5384B;
padding-bottom:3px
}
.nazar{

text-align:right;

direction:rtl;
color:#000000;
}
.cent{
text-align:center;
}
.back{
background-color: #DEDEFF;
padding:4px 0px 10px 0px;
}
.backtitle{
width:150px;
font-size:12px;
padding:8px 2px 8px 2px;
text-align:center;
color:#000000;
background-color: #BFBFFF;
}
</style>
<Poll><table cellspacing="0" cellpadding="0">
<tr>
<td class='backtitle'>
<-PollQuestion->
</td>
</tr>
<tr>
<td class='back'>
<-PollAnswer->
</td>
</tr>
</table></Poll>

اگر به مشکلی برخورد کردید حتما اطلاع دهید.


برچسب‌ها :
نویسنده: مدیر | نسخه قابل چاپ | تیر 23, 1389 - 12:16 | 1 2 3 4 5

آخرین مطالب

محبوب ترین مطالب