پیغام ثابت بعد از ارسال نظر

۲۲ خرداد ۱۳۹۹ ساعت ۲۱

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

خب تنها کافیست که کد زیر را در قسمت پایانی سی اس اس قالبتان قرار دهید، توضیحات تکمیلی هم داخل کد هست:

.item_success::after {
	content: '#'; /* بجای # متن دلخواهتون رو بنویسید */
	font-weight: bold; /* وزن فونت بولد تعریف شده که می تونید از نرمال هم استفاده کنید */
	color: #0043ff; /*رنگ متن*/
	display: block; /*چون می خوایم بیفته توی خط بعد، این کد رو قرار دادیم. اگه می خواید در ادامه متن اصلی باشه این قسمت رو حذف کنید*/
	padding-top: 10px; /*یه فاصله ی کوچیک هم از بالا دادیم*/
	text-align:right; /*متن کجا باشه؟ راست؟ وسط؟ چپ؟*/
}

نظرات (۱۸)

گوگولی :)، ۲۲ خرداد ۹۹، ۲۲:۰۰

چخفننننن
عالی

رادمهر ..، ۲۲ خرداد ۹۹، ۲۳:۰۵

دستتون درد نکنه

خواهش می کنم :)

علیرضا آهنی، ۲۳ خرداد ۹۹، ۰۰:۱۲

اینو توی اکثرا قالباتون استفاده کرده بودید ، من از اونجا یادگرفتم (:

آفرین :)

Ali Eslami، ۲۳ خرداد ۹۹، ۰۳:۰۴

ممنون :)

خواهش می کنم علی آقا :)

'**$'/&_:@*/$/*-#_-@ @$#_$_@_#، ۲۳ خرداد ۹۹، ۱۰:۰۹

اینطوری اگه چندجا از item_success استفاده شده باشه، خیلی بد میشه .

اگه اشتباه نکنم از این کلاس ۲ جا استفاده شده که توی مطلب اشاره شد.

امّــــ شـــهــــر‌آشـــــوبـــــــ، ۲۳ خرداد ۹۹، ۱۳:۱۴

متشکریم خیلی زیاد

خواهش می کنم، امیدوارم مفید باشه.

پ ن: به سورس قالبتون که نگاه کردم، کد رو جایی گذاشتید که فقط در حالت موبایل نمایش داده می شه. کد رو خارج از media@ بذارید تا در هر حالتی نمایش داده بشه متن مورد نظرتون.

'**$'/&_:@*/$/*-#_-@ @$#_$_@_#، ۲۳ خرداد ۹۹، ۱۴:۲۸

من توی بعضی پستهام هم ازش استفاده میکنم.

شما می تونی بجای سلکتور بالا از این استفاده کنی تا متن مورد نظرت، فقط توی نظرات نمایش بده و توی مطالب همون حالت پیش فرض بمونه:

.comment-add-form > .item_success::after

در اصل درستش هم باید به همین صورت باشه امّا چون خواستم یه کد کلّی باشه و هرکسی بتونه به راحتی ازش استفاده کنه، سلکتورش رو جامع انتخاب کردم.

'**$'/&_:@*/$/*-#_-@ @$#_$_@_#، ۲۳ خرداد ۹۹، ۱۴:۴۸

ممنون

خواهش می کنم :)

Mhds 82، ۲۳ خرداد ۹۹، ۱۶:۰۰

عالی :)

تشکر :)

زری ...، ۲۳ خرداد ۹۹، ۲۲:۵۶

سلام...

می گم می شه رنگشو عوض کرد ؟ که اون باکسه سبز نباشه ؟

سلام بله شدنی هست، این کد رو بذارید داخل استایل قالب و کد رنگ رو متناسب با سلیقه خودتون تغییر بدید:

.item_success {
	background:#fff; /*رنگ زمینه*/
	color:#000; /*رنگ نوشته*/
	border-color: #47AF41; /*رنگ حاشیه*/
}

Mhds 82، ۲۴ خرداد ۹۹، ۰۰:۲۸

میگم جواب اون چهارتا شکلک رو نمیدی؟😂😂😂😂

بذار مطلب و نظرات شکل قشنگی داشته باشن :)

Arian JoJo، ۲۷ خرداد ۹۹، ۲۳:۵۹

خیلی ممنون 🌷

خواهش می کنم.

مدیر (Admin)، ۱ تیر ۹۹، ۱۴:۰۰

سلام داداش محمد یه سوال؟؟؟؟
میشه اون نوشته (ارسال نظر در بیان آزاد است و.............) تغییر داد و به جاش هرچی که دلت خواست بنویسی؟؟؟؟

سلام

با سی اس اس امکان مخفی کردنش هست ولی کار اشتباهی هست، چون کلاسی که داره فقط مربوط به همون متن نیست و جاهای دیگه هم استفاده شده.

مبین، ۱ تیر ۹۹، ۱۹:۴۶

نه منظورم مخفی کردنش نیس زیادی تو وبلاگ های بیان دیدمش تغییر داده بودند و نوشته ی دلخواه نوشته بودند.

این متن بصورت پیش فرض نمایش داده می شه پس بنظرم حتما باید اول مخفی بشه و بعد با خاصیت after متن دلخواه نمایش داده بشه.

اگه وقت کردی، آدرس یکی از اون وبلاگ ها رو بده تا چک کنم شاید اونها از راهکار بهتری استفاده کردن.

nooshi ‌ ‌، ۲۵ مهر ۰۰، ۰۸:۵۶

سلام
میدونستید من رفتم که این کد رو تغییر بدم،اما خراب کاری کردم؟#-#
میخواستم اون قسمت نظر شما ثبت شده رو پاک کنم که الان سایز فونتش صفر شده و درست نمی‌‌شه@-@
میشه یه کمکی برسونید؟

سلام نه نمی‌دونستم ولی خب امروز فهمیدم :)

سایزش صفر نشده ولی رنگ متن و زمینه رو یکسان انتخاب کردید و باعث شده که نوشته معلوم نشه. کافیه توی سی اس اس قالب خط 500، کد رنگ رو به #000 تغییر بدید که مشکی نمایشش بده.

مصطفی، ۶ ارديبهشت ۰۱، ۱۵:۱۵

سلام وعرض ادب
سپاس به خاطر آموزش های خوبتون
چطور عبارت زیر در قسمت ارسال پیام دیده نشه
"
کاربران بیان میتوانند بدون نیاز به تأیید، نظرات خود را ارسال کنند.
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.
"

سلام خواهش می‌کنم. بهتره این متن رو پاک نکنید.

رهگذر، ۶ ارديبهشت ۰۱، ۱۵:۳۴

ممنون
ادامه بدین

اندیشکده فرهیخت، ۱۲ دی ۰۱، ۲۱:۵۴

سلام و سپاس از بابت معرفی این کد مفید.
آفرین...

سلام خواهش می‌کنم :)

نقل ‌بلاگ

پیغام ثابت بعد از ارسال نظر