Jump to content

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

roonovoorsk

By roonovoorsk
in Invision Community Support

 Share

Recommended Posts

SlawkA Master

SlawkA

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

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

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

Link to comment
Share on other sites
roonovoorsk Collaborator

roonovoorsk

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

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

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

Link to comment
Share on other sites
SlawkA Master

SlawkA

Posted
Posted (edited)

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
Link to comment
Share on other sites
  • 2 weeks later...
SlawkA Master

SlawkA

Posted
Posted

cyr4x не думаю 😁

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

Link to comment
Share on other sites
cyr4x Experienced

cyr4x

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

cyr4x не думаю 😁

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

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

Link to comment
Share on other sites
SlawkA Master

SlawkA

Posted
Posted

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;

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

Link to comment
Share on other sites
cyr4x Experienced

cyr4x

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

Link to comment
Share on other sites
SlawkA Master

SlawkA

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

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

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

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

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

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

Link to comment
Share on other sites
cyr4x Experienced

cyr4x

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

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

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

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

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

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

onoff.png

Link to comment
Share on other sites
cyr4x Experienced

cyr4x

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

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

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

Link to comment
Share on other sites
SlawkA Master

SlawkA

Posted
Posted

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

Link to comment
Share on other sites
Exception Veteran

Exception

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

Link to comment
Share on other sites
cyr4x Experienced

cyr4x

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

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

Link to comment
Share on other sites
andros0789 Experienced

andros0789

Posted
Posted

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

Link to comment
Share on other sites
  • 1 month later...
Respected Mafia soldier

Respected

Posted
Posted

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

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

 

Link to comment
Share on other sites
SlawkA Master

SlawkA

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

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

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

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

 

Link to comment
Share on other sites
DasIst0 Rising Star

DasIst0

Posted
Posted

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

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

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

Link to comment
Share on other sites
accop Experienced

accop

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

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

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

Link to comment
Share on other sites
SlawkA Master

SlawkA

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

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

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

Link to comment
Share on other sites

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...