Jump to content

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


x33
 Share

Recommended Posts

По умолчанию, в шаблоне 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}}
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

 

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites

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

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

 

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

  • 6 months later...

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

Link to comment
Share on other sites

  • 3 months later...

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

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

 

Link to comment
Share on other sites

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

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

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

  • Recently Browsing   0 members

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