Онлайн и офлайн

[roonovoorsk]

Заметил в темы иметься индикатор Онлайн и офлайн  это модуль или родной? 

[SlawkA]

11 минут назад, roonovoorsk сказал:

Заметил в темы иметься индикатор Онлайн и офлайн  это модуль или родной? 

ну обычно ручками сами делаем. раньше вроде были плагины.

[roonovoorsk]

Только что, SlawkA сказал:

ну обычно ручками сами делаем. раньше вроде были плагины.

понятно я думал может в 4,5 добавили

[SlawkA]

roonovoorsk ну попробуй мой код для темы.

<span class='aupContent'>{{if $comment->author()->isOnline()}}
<span class='aupTitle'><img src="/uploads/imgs/online.gif" alt='ON' /></span>
{{else}}
<span class='aupTitle'><img src="/uploads/imgs/offline.gif" alt='OFF' /></span>{{endif}}</span>

ну папки сам пропишешь до картинок онлайн и офлайн

Изменено 28 августа, 2020 пользователем SlawkA

[cyr4x]

А может @Respected своей поделится? 

[SlawkA]

cyr4x не думаю 😁

он проценты тем и сообщений ни кому не дает ужо много лет. жадина в общем 🤣

[cyr4x]

Только что, SlawkA сказал:

cyr4x не думаю 😁

он проценты тем и сообщений ни кому не дает ужо много лет. жадина в общем 🤣

Ну она так то легкая у него, заливка цветом по сути и текст on/off

[SlawkA]

cyr4x я тут сделал один код, буквально час назад

<span class='aupContent'>{{if $comment->author()->isOnline()}}
<span class="indicator online"></span> Online
{{else}}
 <span class="indicator offline"></span> Offline
 {{endif}}</span>

.indicator.online {
    background: #28B62C;
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: pulse-animation 2s infinite linear;
}

@-webkit-keyframes pulse-animation {
	0% { -webkit-transform: scale(1); }
	25% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.2) }
    75% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1); }
}

.indicator.offline {
    background: #FF4136;
    display: inline-block;
    width: 1em;
    height: 1em;
    

но его надо докрутить правильно. ну то есть до ума довести. удачи кто сделает. и не забудьте поделиться.

[cyr4x]

5 минут назад, SlawkA сказал:

cyr4x я тут сделал один код, буквально час назад

<span class='aupContent'>{{if $comment->author()->isOnline()}}
<span class="indicator online"></span> Online
{{else}}
 <span class="indicator offline"></span> Offline
 {{endif}}</span>

.indicator.online {
    background: #28B62C;
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: pulse-animation 2s infinite linear;
}

@-webkit-keyframes pulse-animation {
	0% { -webkit-transform: scale(1); }
	25% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.2) }
    75% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1); }
}

.indicator.offline {
    background: #FF4136;
    display: inline-block;
    width: 1em;
    height: 1em;
    

но его надо докрутить правильно. ну то есть до ума довести. удачи кто сделает. и не забудьте поделиться.

.indicator.online {
    background: #7aa984;
    color: #fff;
    padding: 2px 5px;
    font-size: 11px;
    border-radius: 3px;
    position: absolute;

}

.indicator.offline {
    background: #ebeff3;
    color: #788b9c;
    padding: 2px 5px;
    font-size: 11px;
    border-radius: 3px;
    position: absolute;
    left: 6px;
    top: 6px;

<span class='aupContent'>{{if $comment->author()->isOnline()}}
<span class="indicator online">On</span>
{{else}}
 <span class="indicator offline">Off</span>
 {{endif}}</span>

Как здесь

А откуда он делает запрос стиля css?

[SlawkA]

Только что, cyr4x сказал:

А откуда он делает запрос стиля css?

почти как здесь. но его надо доводить до ума.

вставлять первый код в постКонтейнер в нужное место. типа выше авки. или ниже ника.

а второй код в кастом ксс.

ну и настраивать под себя сам ксс код.

[cyr4x]

10 минут назад, SlawkA сказал:

почти как здесь. но его надо доводить до ума.

вставлять первый код в постКонтейнер в нужное место. типа выше авки. или ниже ника.

а второй код в кастом ксс.

ну и настраивать под себя сам ксс код.

Вот я сделал по моему красиво

[Maiden8]

Самый топ, это вокруг аватарки цвет онлайн или оффлайн=)

[cyr4x]

2 минуты назад, Maiden8 сказал:

Самый топ, это вокруг аватарки цвет онлайн или оффлайн=)

Мне вот именно надо так, минималистично как тут 😉

[SlawkA]

а я вообще делал под гифки. для себя. в ховеркард. в профиле и почти везде. только теперь новый стиль лень переписывать

[Exception]

1 час назад, cyr4x сказал:

<span class='aupContent'>{{if $comment->author()->isOnline()}} <span class="indicator online">On</span> {{else}} <span class="indicator offline">Off</span> {{endif}}</span>

делайте тогда уж более профессионально

{{if $comment->author()->isOnline()}}<span class='indicator online' data-ipsTooltip title='{{if $comment->author()->isOnlineAnonymously()}}{lang="online_now_anon" sprintf="$comment->author()->name"}{{elseif $comment->author()->isOnline()}}{lang="ips_useron" sprintf="$comment->author()->name"}{{endif}}'>On</span>{{else}}<span class='indicator offline' data-ipsTooltip title='{lang="ips_useroff" sprintf="$comment->author()->name"}'>Off</span>{{endif}}

добавляем две фразы в локализацию:

1. Ключ: ips_useron Значение: %s в сети

2. Ключ: ips_useroff Значение: %s не в сети

[cyr4x]

1 минуту назад, ZIKURIK сказал:

делайте тогда уж более профессионально

{{if $comment->author()->isOnline()}}<span class='indicator online' data-ipsTooltip title='{{if $comment->author()->isOnlineAnonymously()}}{lang="online_now_anon" sprintf="$comment->author()->name"}{{elseif $comment->author()->isOnline()}}{lang="ips_useron" sprintf="$comment->author()->name"}{{endif}}'>On</span>{{else}}<span class='indicator offline' data-ipsTooltip title='{lang="ips_useroff" sprintf="$comment->author()->name"}'>Off</span>{{endif}}

добавляем две фразы в локализацию:

1. Ключ: ips_useron Значение: %s в сети

2. Ключ: ips_useroff Значение: %s не в сети

Спасибо, мне до таких кодов ещё идти и идти 😂

[andros0789]

Это в postContainer
 

{{if $comment->author()->isOnline()}}
	<span class='ipsOnlineStatus_online' data-ipstooltip="" _title='{lang="online_now"}'>On</span>
{{else}}
	<span class='ipsOnlineStatus_offline' data-ipstooltip="" _title='{lang="offline"}'>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;
}

Это как здесь

@Respected не ради  слива. Ради наплыва) Ты же знаешь, все хотят как у тебя)Модули не сливаем

[AlphaStar]

andros0789 Это на какой шаблон 4.4.10 или 4.5.x?

У меня вот так получилось, как можно подправить?

[Respected]

У нас очень простой код:

{{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}}

Добавлен в шаблон postContainer после 

<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'>

 

[DasIst0]

Спасибо!

[DasIst0]

On зеленый, а как Off переделать например красным?

[SlawkA]

18 минут назад, DasIst0 сказал:

On зеленый, а как Off переделать например красным?

у вас стоит антиблокер. не посмотреть у вас на сайте. но если не ошибаюсь то вот так

.ipsComment_author .ipsOnlineStatus_offline {
    background: #f00;
    color: #fff;
}

 

[DasIst0]

Меняется не цвет текста, но все равно спасибо!

Блокер рекламы отключил, был эксперемент 🤦‍♂️

[accop]

1 минуту назад, DasIst0 сказал:

Меняется не цвет текста, но все равно спасибо!

Там всего две строчки, вы справитесь

[SlawkA]

4 минуты назад, DasIst0 сказал:

Меняется не цвет текста, но все равно спасибо!

цвет текста отвечает код COLOR