Jump to content

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

x33
x33
in Invision Community 4 Support

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}}
  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/11428-znachok-onlajn-v-shablone-soobsheniya/
    Share on other sites
    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}}

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

  • Цитата
    • Author
    comment_87345

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

    ​Online_Indicator

     

    Online_Indicator.zip

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

  • Цитата
    comment_87347

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

  • Цитата
    • 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_87351

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

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

     

  • Цитата
    comment_87352

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

  • Цитата
    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}}

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

  • Цитата
    comment_87430

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

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

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

  • Цитата
    • 6 месяцев спустя...
    comment_96446

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

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

  • Цитата
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.