Перейти к содержанию

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

x33
 Поделиться

Рекомендуемые сообщения

x33 Энтузиаст

x33

Опубликовано
Опубликовано

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

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

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

{{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}}
Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
Опубликовано

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

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

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
x33 Энтузиаст

x33

Опубликовано
  • Автор
Опубликовано

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

​Online_Indicator

 

Online_Indicator.zip

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
Опубликовано

​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 (Побольше конкретики пжл)

Ссылка на комментарий
Поделиться на другие сайты
x33 Энтузиаст

x33

Опубликовано
  • Автор
Опубликовано

​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 (Побольше конкретики пжл)

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

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

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
Опубликовано

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

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

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

Ссылка на комментарий
Поделиться на другие сайты
x33 Энтузиаст

x33

Опубликовано
  • Автор
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
Опубликовано

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

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

 

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
Опубликовано

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

Вставляем в Шаблоны - 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()}}<i class="fa fa-circle ipsOnlineStatus_online" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{endif}}
{{if !$comment->author()->isOnline()}}<i class="fa fa-circle ipsOnlineStatus_offline" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{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;
}

 

Скрин 

qk8uesg0nlwm.png

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

Ссылка на комментарий
Поделиться на другие сайты
wizzistar Интересующийся

wizzistar

Опубликовано
Опубликовано

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

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

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

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

 Теперь SCC

core - global -framework - misc.css

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

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

 

Скрин 

qk8uesg0nlwm.png

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

​Чуток подправил 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;
    
}

 

Ссылка на комментарий
Поделиться на другие сайты
Slav Соавтор

Slav

Опубликовано
Опубликовано

​Чуток подправил 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()}}<i class="fa fa-circle ipsOnlineStatus_online" data-ipsTooltip title="{lang="online_now" sprintf="$comment->author()->member_title"}"></i>{{endif}}
{{if !$comment->author()->isOnline()}}<i class="fa fa-circle ipsOnlineStatus_offline" data-ipsTooltip title="{lang="Не в сети" sprintf="$comment->author()->member_title"}"></i>{{endif}}

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

Ссылка на комментарий
Поделиться на другие сайты
wizzistar Интересующийся

wizzistar

Опубликовано
Опубликовано

​Щас глянем , и

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

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

Ссылка на комментарий
Поделиться на другие сайты
  • 6 месяцев спустя...
Nell Ученик

Nell

Опубликовано
Опубликовано

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

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

Ссылка на комментарий
Поделиться на другие сайты
Redneck Ментор

Redneck

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
  • 3 месяца спустя...
vesker250497 Энтузиаст

vesker250497

Опубликовано
Опубликовано

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

.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;
    
}

 

Ссылка на комментарий
Поделиться на другие сайты
vesker250497 Энтузиаст

vesker250497

Опубликовано
Опубликовано

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

.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;
    
}

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...