رفتن به مطلب

برای شروعی حرفه ای آماده اید ؟!

سایت ساز IPSنسخه ۴/۴/۱۰
فارسی ساز IPS ۴.۴نسخه ۶
تاریخ هجری شمسینسخه ۴.۷.۳

توجه کنید برای دانلود فایل های اختصاصی باید سایت خود را ثبت کنید. اطلاعات بیشتر.

جستجو در
  • تنظیمات بیشتر ...
نمایش نتایجی که شامل ...
جستجو در ...
CHRIS-7

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

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

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

امروز براتون یک آموزش مفید و کاربر پسند " نمایش وضعیت کاربر در پست ها در حالتی انیمیشنی ، زیبا و جدید " خدمتتون جهت ارائه دارم.

 

239071569_postbitnew.gif.4d05dad5d5ae615e6fb537f51b0f5573.gif

 

نکته : در هنگامی که به صورت مخفی آمده باشید به صورت آفلاین نمایش داده میشه و صرفا برای مدیران وضعیت آنلاین بودنتان قابل نمایش است !

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

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

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

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

 

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

{{if ( !$comment->author()->isOnlineAnonymously() ) OR ( $comment->author()->isOnlineAnonymously() AND \IPS\Member::loggedIn()->isAdmin() )}}
<div class='cAuthorPane_photo' {{if $comment->author()->isOnline()}}<span><div class="onlineavatar ChrisSpin"></div></span><div class="on-marker">Online</div>{{else}}<span><div class="offlineavatar ChrisSpin"></div></span><div class="off-marker">Offline</div>{{endif}}{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}</div>
{{elseif $comment->author()->isOnline()}}
<div class='cAuthorPane_photo'{{if $comment->author()->isOnline()}}<span><div class="offlineavatar ChrisSpin"></div></span><div class="off-marker">Offline</div>{{endif}}
{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</div>{{endif}}

 

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

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

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

 

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

{{if ( !$comment->author()->isOnlineAnonymously() ) OR ( $comment->author()->isOnlineAnonymously() AND \IPS\Member::loggedIn()->isAdmin() )}}
<li class='cAuthorPane_photo' {{if $comment->author()->isOnline()}}<span><div class="onlineavatar ChrisSpin"></div></span><div class="on-marker">Online</div>{{else}}<span><div class="offlineavatar ChrisSpin"></div></span><div class="off-marker">Offline</div>{{endif}}{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}</li>
{{elseif $comment->author()->isOnline()}}
<li class='cAuthorPane_photo'{{if $comment->author()->isOnline()}}<span><div class="offlineavatar ChrisSpin"></div></span><div class="off-marker">Offline</div>{{endif}}
{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
</li>{{endif}}

 

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

.onlineavatar{height:inherit;width:inherit;background:linear-gradient(180deg,#21db7b 80%,#db21a0);position:absolute;border-radius:9000px}.offlineavatar{height:inherit;width:inherit;background:linear-gradient(180deg,#da0000 80%,#000);position:absolute;border-radius:9000px}.ChrisSpin{animation-duration:1s;animation-name:ChrisSpin;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes ChrisSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cAuthorPane_photo{display:inline-block;height:95px;width:95px}.on-marker{background:#028600;color:#fff;position:absolute;z-index:100;height:20px;width:55px;text-transform:uppercase;border-radius:5px;line-height:16px;text-align:center;border:2px solid #000;font-size:12px;padding-top:1px;top:-6px;left:50%;margin-left:-30px}.off-marker{background:#860000;color:#fff;position:absolute;z-index:100;height:20px;width:55px;text-transform:uppercase;border-radius:15%/25%;line-height:16px;text-align:center;border:2px solid #000;font-size:12px;padding-top:1px;top:-6px;left:50%;margin-left:-30px}@media screen and (max-width: 767px){.cAuthorPane_photo{height:44px!important;width:44px!important}.on-marker{width:35px!important;font-size:8px!important;padding-top:0!important;margin-left:-17px!important}.off-marker{width:35px!important;font-size:8px!important;padding-top:0!important;margin-left:-17px!important}}

مثل همیشه موفق باشید. :good2:

ویرایش شده توسط CHRIS-7
  • پسند 3
  • تشکر 1

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


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

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

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

×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا به ما در درک نحوه استفاده از آن کمک کند. سیاست حریم خصوصی.