Онлайн индикатор

Статус
В этой теме нельзя размещать новые ответы.

Gioev

Проверенные
Сообщения
98
Реакции
16
Баллы
11,005
e166a30d75.jpg Подскажите пожалуйста, как сделать такой вот онлайн/оффлайн индикатор? Спасибо.
 
Посмотреть вложение 25670 Подскажите пожалуйста, как сделать такой вот онлайн/оффлайн индикатор? Спасибо.
Код:
.onlineMarker
{
position:absolute;
top:9px;
left:9px;
background-color:rgb(100, 163, 61);
border-color:transparent;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
-khtml-border-top-left-radius:
4px;border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
-khtml-border-top-right-radius:4px;
border-top-right-radius:4px;
left:0;top:0;
width:138px;
height:4px
}
6bce6a19d01ffb846ccd9be062dbeecc[1].png
 
Последнее редактирование:
Код:
.onlineMarker{position:absolute;top:9px;left:9px;background-color:rgb(100, 163, 61);border-color:transparent;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;-khtml-border-top-left-radius:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;-khtml-border-top-right-radius:4px;border-top-right-radius:4px;left:0;top:0;width:138px;height:4px}.messageUserBlock
h3.userText{padding:6px}
Посмотреть вложение 25673
Это куда вставить?
 
Последнее редактирование:
Код:
.onlineMarker
{
position:absolute;
top:9px;
left:9px;
background-color:rgb(100, 163, 61);
border-color:transparent;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
-khtml-border-top-left-radius:
4px;border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
-khtml-border-top-right-radius:4px;
border-top-right-radius:4px;
left:0;top:0;
width:138px;
height:4px
}
Посмотреть вложение 25673
Вот так уже понял. А как сделать чтобы работал с большими аватарками?

Когда ставлю обычный блок с информацией о пользователе ( Маленький ) тогда показывает, а когда ставлю Измененный блок с информацией о пользователе ( Большой ) Тогда и обычный индикатор не работает
 
Код:
position:absolute;
top:9px;
left:9px;
background-color:rgb(100, 163, 61);
border-color:transparent;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
-khtml-border-top-left-radius:
4px;border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
-khtml-border-top-right-radius:4px;
border-top-right-radius:4px;
left:0;top:0;
width:152px;
height:4px
Вот рабочий вариант для меня, вставлять в Прочее
Вот так это выглядит у меня на форуме:
92b3161cc9a9257e22fc9e292be23915.png
 
Последнее редактирование:
  • Мне нравится
Реакции: Hope
Код:
position:absolute;
top:9px;
left:9px;
background-color:rgb(100, 163, 61);
border-color:transparent;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
-khtml-border-top-left-radius:
4px;border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
-khtml-border-top-right-radius:4px;
border-top-right-radius:4px;
left:0;top:0;
width:152px;
height:4px
Вот рабочий вариант для меня, вставлять в Прочее
Вот так это выглядит у меня на форуме:
Посмотреть вложение 25674
У вас аватарки маленькие, вы посмотрите какие у меня

Может я дам вам доступ и вы посмотрите?
 
Там указан размер индикатора 138
Код:
.messageUserBlock div.avatarHolder .onlineMarker {
    background-color: rgb(100, 163, 61);
    border-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 138px;
}

Код:
position:absolute;
top:9px;
left:9px;
background-color:rgb(100, 163, 61);
border-color:transparent;
-webkit-border-top-left-radius:4px;
-moz-border-radius-topleft:4px;
-khtml-border-top-left-radius:
4px;border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-radius-topright:4px;
-khtml-border-top-right-radius:4px;
border-top-right-radius:4px;
left:0;top:0;
width:152px;
height:4px
а здесь два с разными значениями top:9px; left:9px и left:0;top:0;
 
Что то такое должно быть в шаблоне message_user_info
Код:
<xen:if is="{$user.isOnline}"><span class="Tooltip onlineMarker" title="{xen:phrase online_now}" data-offsetX="-22" data-offsetY="-8"><xen:if is="@uix_messageOnlineMarker_circlePulse"><span class="onlineMarker_pulse"></span></xen:if></span></xen:if>
ищите в шаблоне
Код:
<xen:if is="{$user.isOnline}">
 
Главная - Настройки - Сообщения - убрать галочку Отображать индикатор онлайн-статуса. Когда уж в настройках разбираться будем, а не лазить по каждому поводу в шаблоны, потом кричать, что все поломалось, ни чего не делал, а все не работает.
 
Код:
.messageUserBlock div.avatarHolder .onlineMarker.offline {
background-color: #b52d2d;
}

Код:
<span class="Tooltip onlineMarker offline" data-offsetx="-10" data-offsety="-8"></span>

Вот тут не понял, в каком шаблоне и в какое место это вставлять
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу