Jump to content

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

Featured Replies

Posted
comment_87341

По умолчанию, в шаблоне 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}}
comment_87344

По умолчанию, в шаблоне 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}}

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

comment_87346

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

  • Author
comment_87348

​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>) вставляем следующее:

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

comment_87349

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

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

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

  • Author
comment_87350

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

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

comment_87356

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

Вставляем в Шаблоны - 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

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

comment_87420

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

Вставляем в Шаблоны - 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;
    
}

 

comment_87424

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

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

  • 6 месяцев спустя...
comment_96447

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

  • 3 месяца спустя...
comment_102573

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

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

 

comment_102574

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

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

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.