Jump to content

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

Featured Replies

Posted
comment_163604

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

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

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

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

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

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

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

comment_163608

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>

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

Edited by SlawkA

  • 2 недели спустя...
comment_163838

cyr4x не думаю 😁

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

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

cyr4x не думаю 😁

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

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

comment_163840

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;
    

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

comment_163841
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?

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

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

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

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

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

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

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

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

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

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

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

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

onoff.png

comment_163844

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

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

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

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

comment_163846

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

comment_163847
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 не в сети

comment_163848
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 не в сети

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

comment_163849

Это в 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 не ради  слива. Ради наплыва) Ты же знаешь, все хотят как у тебя)Модули не сливаем

  • 1 месяц спустя...
comment_164517

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

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

a8af22b8a0.png.30969426f7af5d8477ff69b6b52f5dc1.png

comment_164518

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

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

 

comment_164527

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

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

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

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

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

 

comment_164529

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

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

Безымянный.png

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

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

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

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

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

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

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
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.