Значок "Онлайн" в шаблоне сообщения

Posted 18 мая, 201510 yr

По умолчанию, в шаблоне IPB 4.0.x не сделан вывод значка "Онлайн/Оффлайн" в блоке с мини инфой о пользователе (Регистрация, Аватарка, Репутация, etc)

Ниже будет написана инструкция для дефолтного шаблона! (Кхм.. сомневаюсь, что у кого-то уже есть полностью переделанный диз)

Ищем шаблон postContainer, ищем cAuthorPane_author (этот класс будет принадлежать тегу h3), после начала этого тега (перед началом тега ) вставляем следующее:

{{if $comment->author()->isOnline()}}<i class="fa fa-circle ipsOnlineStatus_online" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{endif}}

Должно получиться так (можете этот кусок вставить):

<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person">
           {{if $comment->author()->isOnline()}}<i class="fa fa-circle ipsOnlineStatus_online" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{endif}}
          <strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
          </h3>

P.S.

Скриншот не нужен. Есть уже плагин для вывода значка, но я его установил и у меня ничего не появилось, поэтому я взял кусок кода из шаблона hoverCard, поменял чутка условие и вставил в postContainer.

Для вывода Оффлайн значка используйте этот код:

{{if !$comment->author()->isOnline()}}<i class="fa fa-circle ipsOnlineStatus_online" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{endif}}

Цитата

АлексМоскалёв, alexis, Redneck and 1 other
4

18 мая, 201510 yr

По умолчанию, в шаблоне IPB 4.0.x не сделан вывод значка "Онлайн/Оффлайн" в блоке с мини инфой о пользователе (Регистрация, Аватарка, Репутация, etc)

Ниже будет написана инструкция для дефолтного шаблона! (Кхм.. сомневаюсь, что у кого-то уже есть полностью переделанный диз)

Ищем шаблон postContainer, ищем cAuthorPane_author (этот класс будет принадлежать тегу h3), после начала этого тега (перед началом тега ) вставляем следующее:
{{if $comment->author()->isOnline()}}author()->member_title"}">{{endif}}
Должно получиться так (можете этот кусок вставить):
<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person">
 {{if $comment->author()->isOnline()}}author()->member_title"}">{{endif}}
 {$comment->author()->link( $comment->warningRef() )|raw} &nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}
 </h3>
P.S.

Скриншот не нужен. Есть уже плагин для вывода значка, но я его установил и у меня ничего не появилось, поэтому я взял кусок кода из шаблона hoverCard, поменял чутка условие и вставил в postContainer.

Для вывода Оффлайн значка используйте этот код:
{{if !$comment->author()->isOnline()}}author()->member_title"}">{{endif}}

А , что за плагин * :?

Цитата

18 мая, 201510 yr

Author

А , что за плагин * :?

Online_Indicator

Online_Indicator.zip

Цитата

18 мая, 201510 yr

Online_Indicator

Online_Indicator.zip

1. становил , онлайн знак появился но он огромный -_- как сделать его поменьше ?!!

2.

Скриншот не нужен. Есть уже плагин для вывода значка, но я его установил и у меня ничего не появилось, поэтому я взял кусок кода из шаблона hoverCard, поменял чутка условие и вставил в postContainer.

Для вывода Оффлайн значка используйте этот код:

{{if !$comment->author()->isOnline()}}<i class="fa fa-circle ipsOnlineStatus_online" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{endi

Куда над вставить этот код, в postContainer (Побольше конкретики пжл)

Цитата

18 мая, 201510 yr

P.s беда , обновил страницу, онлайн пропал бррр.

Цитата

18 мая, 201510 yr

Author

1. становил , онлайн знак появился но он огромный -_- как сделать его поменьше ?!!

2.

Скриншот не нужен. Есть уже плагин для вывода значка, но я его установил и у меня ничего не появилось, поэтому я взял кусок кода из шаблона hoverCard, поменял чутка условие и вставил в postContainer.

Для вывода Оффлайн значка используйте этот код:
{{if !$comment->author()->isOnline()}}author()->member_title"}">{{endi
Куда над вставить этот код, в postContainer (Побольше конкретики пжл)

Ищем шаблон postContainer, ищем cAuthorPane_author (этот класс будет принадлежать тегу h3), после начала этого тега (перед началом тега ) вставляем следующее:

Туда же вставляешь (после кода для онлайн значка)

Цитата

18 мая, 201510 yr

Ищем шаблон postContainer, ищем cAuthorPane_author (этот класс будет принадлежать тегу h3), после начала этого тега (перед началом тега ) вставляем следующее:

Туда же вставляешь (после кода для онлайн значка)

Во , спс , как уменьшить его над код искать ?:

Цитата

18 мая, 201510 yr

Author

Во , спс , как уменьшить его над код искать ?:

Используй дебаггер

Цитата

18 мая, 201510 yr

Используй дебаггер

.ipsOnlineStatus_online {
    color: #87B75A;
    position: relative;
    right: 5px;
    font-size: 11px;
    top: -1px;

Цитата

18 мая, 201510 yr

Всё спс будем делать )))) С меня "Спасибо".

Цитата

18 мая, 201510 yr

Так теперь я поигрался с кодом.

Вставляем в Шаблоны - forums - front- topics - postContainr вставляем

Или через поиск cAuthorPane_author

Ищем

<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person"> добавляем ниже

{{if $comment->author()->isOnline()}}author()->member_title"}">{{endif}}
{{if !$comment->author()->isOnline()}}author()->member_title"}">{{endif}}

Теперь SCC

core - global -framework - misc.css

Или через поиск .ipsOnlineStatus_online {

Ищем

/* ONLINE/OFFLINE */

Видим

.ipsOnlineStatus, .ipsOnlineStatus_online {
   color: #249168;
}

.ipsOnlineStatus_offline {
   color: #c7c7c7;
}

Заменяем

на

.ipsOnlineStatus, .ipsOnlineStatus_online {
   color: #87B75A;
    position: relative;
    right: 5px;
    font-size: 11px;
    top: -1px;
}

.ipsOnlineStatus_offline {
    color: #C7C7C7;
    position: relative;
    right: 5px;
    font-size: 11px;
    top: -1px;
}

Скрин

Ели где то ошибся поправьте .

Цитата

alexis
1

20 мая, 201510 yr

Так теперь я поигрался с кодом.

Вставляем в Шаблоны - forums - front- topics - postContainr вставляем

Или через поиск cAuthorPane_author

Скрытый контент

Теперь SCC

core - global -framework - misc.css

Или через поиск .ipsOnlineStatus_online {

Скрытый контент

Скрин

Ели где то ошибся поправьте .

Чуток подправил CSS и получается следующее:

- Ник не сдвигается в право а стоит четко по центру аватарки

.ipsOnlineStatus, .ipsOnlineStatus_online {
    color: #87B75A;
    position: absolute;
margin:5px 0px 0 -20px;
    font-size: 9px;
 
}

.ipsOnlineStatus_offline {
    color: #C7C7C7;
    position: absolute;
margin:5px 0px 0 -20px;
    font-size: 9px;
    
}

Цитата

alexis
1

20 мая, 201510 yr

Чуток подправил CSS и получается следующее:

- Ник не сдвигается в право а стоит четко по центру аватарки
.ipsOnlineStatus, .ipsOnlineStatus_online {
    color: #87B75A;
    position: absolute;
margin:5px 0px 0 -20px;
    font-size: 9px;
 
}

.ipsOnlineStatus_offline {
    color: #C7C7C7;
    position: absolute;
margin:5px 0px 0 -20px;
    font-size: 9px;
    
}

Щас глянем , и

над было исправить я пощёлкал момент

{{if $comment->author()->isOnline()}}author()->member_title"}">{{endif}}
{{if !$comment->author()->isOnline()}}author()->member_title"}">{{endif}}

Выделил тот момент .

Цитата

20 мая, 201510 yr

Щас глянем , и

Скрытый контент

Уже поправил, только хотел написать)

Цитата

26 ноября, 20159 yr

Ребята я запутался где это находится forums - front- topics ?

Шаблон темы - post там?

Цитата

26 ноября, 20159 yr

https://community.invisionpower.com/files/file/7853-online-indicator/ новый плагин, можно ставить любые значки, а также, статус отображается в личных сообщениях

Цитата

7 марта, 20169 yr

код кривой не много был изменил , выровнял

.ipsOnlineStatus, .ipsOnlineStatus_online {
    color: #249168;
    position: absolute;
margin:5px 0px 0 5px;
    font-size: 9px;
 
}

.ipsOnlineStatus_offline {
    color: #C7C7C7;
    position: absolute;
margin:5px 0px 0 5px;
    font-size: 9px;
    
}

Цитата

7 марта, 20169 yr

не тот код кинул , вот исправленый по цетнтру

.ipsOnlineStatus, .ipsOnlineStatus_online {
    color: #249168;
    position: absolute;
margin:0px 5px 0 5px;
    font-size: 9px;

}

.ipsOnlineStatus_offline {
    color: #C7C7C7;
    position: absolute;
margin:0px 5px 0 10px;
    font-size: 9px;

}

Цитата

Sign In

Значок "Онлайн" в шаблоне сообщения

Featured Replies

Join the conversation

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

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)