Jump to content

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

Featured Replies

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

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

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

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 недели спустя...
Только что, SlawkA сказал:

cyr4x не думаю 😁

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

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

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;
    

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

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?

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

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

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

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

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

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

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

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

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

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

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

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

onoff.png

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

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

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

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

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

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

Это в 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 месяц спустя...

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

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

 

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

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

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

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

 

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.