Jump to content

Онлайн/оффлайн статус в постах

Respected

By Respected

Снимок экрана 2021-09-02 в 11.49.03 2.png

Открываем шаблон поста: forums > front > topics > postContainer

Найти: 

<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'>

Добавить после: 

{{if $comment->author()->isOnline()}}<span class="ipsOnlineStatus_online" data-ipsTooltip title="{$comment->author()->name} в сети">On</span>{{else}}<span class="ipsOnlineStatus_offline" data-ipsTooltip title="{$comment->author()->name} не в сети">Off</span>{{endif}}

Теперь в custom.css: 

.ipsComment_author .ipsOnlineStatus_online,
.ipsComment_author .ipsOnlineStatus_offline {
	background: #7aa984;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
    border-radius: 3px;
  	position: absolute;
    left: 6px;
    top: 6px;
}
.ipsComment_author .ipsOnlineStatus_offline {
	background:#ebeff3;
  	color:#788b9c;
}

 

    • Go to записи

    User Feedback

    Recommended Comments

    AlphaStar Community Regular

    AlphaStar

    Пользователи

    @Respected спасибо, работает.

    Я заранее дико извиняюсь за нубский вопрос, но как сделать его в левом верхнем углу, как на этом форуме?

    И возможно ли вместо ON/OFF вывести эту писюльку вместе с надписью "Онлайн/Оффлайн", которая идет по умолчанию зеленой/красной?

     

    ee84a95a8f.jpg

  • Цитата
    • AlphaStar Community Regular

    AlphaStar

    Пользователи 
    {{if $comment->author()->isOnline()}}<i class="fa fa-circle ipsType_medium ipsOnlineStatus_online" data-ipsTooltip title="{$comment->author()->name} в сети"></i>{{else}}<i class="fa fa-circle ipsType_medium ipsOnlineStatus_offline" data-ipsTooltip title="{$comment->author()->name} не в сети"></i>{{endif}}

    Держите код, если кому-то хочется также, файл custom.css редактировать не нужно

    Снимок экрана 2021-10-17 в 18.42.13.png

  • Цитата
    • Monster_Kill Apprentice

    Monster_Kill

    Пользователи
    On 17.10.2021 at 18:44, AlphaStar said:
    {{if $comment->author()->isOnline()}}<i class="fa fa-circle ipsType_medium ipsOnlineStatus_online" data-ipsTooltip title="{$comment->author()->name} в сети"></i>{{else}}<i class="fa fa-circle ipsType_medium ipsOnlineStatus_offline" data-ipsTooltip title="{$comment->author()->name} не в сети"></i>{{endif}}

    Держите код, если кому-то хочется также, файл custom.css редактировать не нужно

    Снимок экрана 2021-10-17 в 18.42.13.png

    Хотел сделать как у вас (зеленый кружок если online рядом с никнеймом). Однако, вставляя Ваш код, отображается вот так (см. скрин). Как пофиксить?

    image.png

  • Цитата

    • Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest
    Добавить комментарий...