رفتن به مطلب
برای استفاده از انجمن و عضـویت کلیک کنید.
جستجو در
  • تنظیمات بیشتر ...
نمایش نتایجی که شامل ...
جستجو در ...

آی پی اس فارسی؛ نخستین مرجع تخصصی سایت ساز IPS

شروعی حرفه ای با سایت ساز کامل همراه با پشتیبانی رایگان

  • مدیریت پیشرفته
  • انعطاف پذیری بالا
  • همه امکانات در یک سایت ساز

دانلود کنید !

CHRIS-7

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

پست های پیشنهاد شده

CHRIS-7    27

کاربر رسمی

عرض سلام و خسته نباشید خدمت کاربران و مدیران محترم سایت IPS Farsi

از آنجایی که بعضی ها مثل بنده زیاد علاقه نصب افزونه و پلاگین بر روی انجمن ندارند و گاهی اوقات بعد از آپگرید انجمن ساز با پلاگین مربوطه به مشکل بر می خورند تصمیم بر این شد که توسط یکی دو خط کد از نصب و... خلاص شوید.

در این آموزش " نمایش هاله ای دور آواتار کاربران در پست ها که وضعیت آنلاین یا آفلاین بودنشان را مشخص میکند " را برای شما آموزش خواهم داد. (بدون نیاز به نصب افزونه Advanced Online Indicator )

 

2019-09-09_19-05-32.jpg.43daebb29e720ce5aaa0e0da25da0df0.jpg

 

ابتدا به مسیر : ادمین پنل > شخصی سازی > پوسته ها  > کلیک بر روی آیکون </> یا همان ویرایش Css , Html  - سپس در فیلد جستجو عبارت postcontainer را وارد کنید و قالب مربوطه را پیدا و کلیک کنید در محتویات صفحه با دقت بسیار موارد زیر را انجام دهید.

 

برای نمایش در موبایل

این کد ها را پیدا

		<div class='cAuthorPane_photo'>
			{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
		</div>

و با کد های زیر جایگزین کنید

<div class='cAuthorPane_photo' {{if $comment->author()->isOnline()}}<span id="onlineavatar"></span>{{else}}<span id="offlineavatar"></span>{{endif}}{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}</div>

 

و جهت نمایش در دسکتاپ و صفحات بزگتر

این کد ها را پیدا

          <li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
	     </li>

و با کد های زیر جایگزین کنید

<li class='cAuthorPane_photo' {{if $comment->author()->isOnline()}}<span id="onlineavatar"></span>{{else}}<span id="offlineavatar"></span>{{endif}}{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}</li>

 

و در مرحله آخر کد زیر را در custom.css در تب CSS وارد کرده و ذخیره کنید.

 

#onlineavatar{display:inline-block!important;border:3px double;border-color:#06b000;box-shadow:0 0 15px #06b000;border-radius:100px}#offlineavatar{display:inline-block!important;border:3px double;border-color:#c7c7c7;box-shadow:0 0 15px #c7c7c7;border-radius:100px}@media screen and (max-width: 767px){#onlineavatar{display:inline-block!important;border:1px double!important;border-color:#06b000!important;box-shadow:0 0 15px #06b000!important;border-radius:100px!important;}#offlineavatar{display:inline-block!important;border:1px double!important;border-color:#c7c7c7!important;box-shadow:0 0 15px #c7c7c7!important;border-radius:100px!important;}}
  • پسند 2
  • ذوق زده 1

به اشتراک گذاری این ارسال


لینک به ارسال
به اشتراک گذاری در سایت های دیگر

  • کاربران آنلاین در این صفحه   0 کاربر

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

×