Смотрите видео ниже, чтобы узнать, как установить наш сайт в качестве веб-приложения на домашнем экране.
Примечание: В настоящее время эта функция требует доступа к сайту с помощью встроенного браузера Safari.
У меня аватарки на форуме большие и обычные онлайн/оффлайн индикаторы тоже не показывают. Когда делаю маленькие, тогда показывает.У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация
Посмотреть вложение 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
}
Так на раше и спросил бы :)Подскажите пожалуйста, как сделать такой вот онлайн/оффлайн индикатор? Спасибо.
Это куда вставить?Посмотреть вложение 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}.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 }
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
У вас аватарки маленькие, вы посмотрите какие у меняВот рабочий вариант для меня, вставлять в ПрочееКод: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
.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;
}
а здесь два с разными значениями top:9px; left:9px и left:0;top:0;Код: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
.messageUserBlock div.avatarHolder .onlineMarker.offline {
background-color: #b52d2d;
}
<span class="Tooltip onlineMarker offline" data-offsetx="-10" data-offsety="-8"></span>
<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>
Мы используем основные cookies для обеспечения работы этого сайта, а также дополнительные cookies для обеспечения максимального удобства пользователя.
Посмотрите дополнительную информацию и настройте свои предпочтения