نقل بلاگ

نقل دل نوشته ها و علاقه مندی ها

تصویر کنار ابزار نظرسنجی

۹ دی ۱۳۹۸ ساعت ۱۷ و ۱۰ دقیقه
اگر شما هم دوست دارید وقتی روی دکمه پسندیدن یا نپسندیدن در قالب وبلاگتون کلیک می شه ، تصویری نمایش داده بشه این آموزش برای شما مفید خواهد بود . برای مثال قالب فعلی نقل بلاگ به همین صورت هست و بعد از کلیک روی یکی از گزینه های پسندیدن یا نپسندیدن تصویر یک تیکِ سبزرنگ کنار اون نمایش داده می شه که به شما نشون می ده کدوم گزینه رو انتخاب کردید .
احتمالا کدِ این ابزار در قالبِ فعلی شما موجود هست پس شما باید اون رو پاک کنید و کدی که در ادامه در اختیارتون قرار می گیره رو بجاش قرار بدید .. اگر مکان ابزار نظرسنجیِ شما توی یه قسمتِ خاصی از قالب هست پیشنهاد می کنم کدِ جدید رو دقیقا به جای اون قرار ندید و یک جایی مثلا بعد از متنِ مطلب قرارش بدید چون کدِ جدید به فضای بیشتری نیاز داره و ممکنه جای قبلی براش مناسب نباشه ..
پس اول می ریم سراغ پاک کردن کدهای قبلی .. هر قالب عموما دو تا کد نظرسنجی داره یکی برای خلاصه مطلب و یکی هم برای شرح مطلب البته بعضی قالب های شخصی شاید در هیچ کدومشون فعال نباشه و یا طوری باشه که این ابزار فقط در یکی از قسمت هایی که گفته شد قرار گرفته باشه ، بهرحال باید مطمئن شد که کدی از قبل وجود نداشته باشه !
سیستم کدنویسیِ ابزار نظرسنجی طوری هست که بین تگ باز و بسته ی post_rating قرار می گیره یعنی :
<box:post_rating>
	کدهای مربوط به نظرسنجی
</box:post_rating>
پیشنهاد بنده برای محل قراردادن کد جدید ، بعد از این کدها هست که کد اول مربوط به متن خلاصه مطلب هست و کد دوم هم مربوط به متن شرح مطلب :
(*post_summary*)
(*post_full_content*)
برای درک بیشتر از مراحل آموزش ، پیشنهاد می کنم کلیپ پایین رو تماشا کنید .. بعد از کلیپ هم کدهای لازم در دسترس شما عزیزان هست که می تونید استفاده کنید :
لینک آموزش در صورت پخش نشدن :
https://www.aparat.com/v/Gc5Ul
کد اچ تی ام ال :
<box:post_rating>
	<span class="rate-box (*user_rated*)">
		<span class="rate-button-box rate-up (*user_rated_up*)">
			<a class="rate-button" href="(*rate_up_link*)" rel="nofollow" title="رای مثبت"> (*up_rates*) </a>
		</span>
		<span class="rate-button-box rate-down (*user_rated_down*)">
			<a class="rate-button" href="(*rate_down_link*)" rel="nofollow" title="رای منفی"> (*down_rates*) </a>
		</span>
	</span>
</box:post_rating>
کد سی اس اس :
.rate-box {
    display: block;
    text-align: left;
}

.rate-button-box {
    font-size: 13px;
    padding: 0 20px;
}

.rate-up a:after {
    content: "پسندیدم";
    color: #4B4B4B;
}

.rate-up.rated a, .rate-down.rated a {
    background: url(http://bayanbox.ir/view/390913878236021869/tick-rate.png) no-repeat right;
    background-size: 16px;
    padding-right: 20px;
}

.rate-down a:after {
    content: "نپسندیدم";
    color: #4B4B4B;
}
عالی محمد جان
تشکر :)
باهال بود ولی الان دیگه بیشتر کد های جاوا دارن جانشین این سبک کد ها میشه
و اینکه اینطور سبک تصویری کار کردم حجم سایت رو بالا میبره و رعت لود رو پایین
ولی با اینهمه خیلی خوب بود :)
ممنونم عزیز :)
بهرحال ما با توجه به شرایط بیان سعی می کنیم یه چیزی رو قرار بدیم که برای عموم افراد قابل استفاده باشه . البته حجم تصویر تیک سبز فقط ۳ کیلوبایت هست .
تشکر :)
سلام ممنون بابت این آموزش خوب تون . من میخواستم ببینم این قابلیت توی بیان هست که افرادی که در بیان ثبت نام نکرده اند در نظر سنجی شرکت بکنند؟
سلام خواهش می کنم عزیز :)
نه بیان نوشته برای جلوگیری از ثبت آرای غیرواقعی ، این قابلیت فقط برای بیانی ها قابل استفادست .
شرمنده حواسم نبوده اونو ادیت کن :|
عزیز دلی .. دیدگاه تو رو که نمی شه ویرایش کرد .
سلام
وای خیلی ممنون دستتون درد نکنه:)
سلام
خواهش می کنم :)

درود بر شما
خیلی عالی بود . . .
فقط میخواستم بپرسم که آیا این امکان هست که که این ابزار را در قسمت نظرات کاربران قرار داد ؟
و دوم اینکه میشه جوری باشه که کاربران غیر بیانی هم بتونن لایک کنند؟
سلام
خدا رو شکر :)
جواب هر دو سوال شما ، متاسفانه منفی هست .. این کد همون کد نظرسنجی بیان هست فقط شکلش یکم تغییر کرده که قابل استفاده در نظرات نیست بعلاوه این که بیان نوشته برای جلوگیری از رای های غیرواقعی ، امکان نظرسنجی فقط برای بیانی ها هست .