Решено Цвет рамки в зависмости от статуста On\Off

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

Rommax

Проверенные
Сообщения
1,342
Реакции
502
Баллы
8,215
Приветствую.
Как сделать чтобы рамка в информации о пользователе менялась по цвету в зависимости от статуса онлайн и оффлайн ?
к примеру подобным образом
  1. border: 1px solid rgb(22, 169, 54); - если онлайн
  2. border: 1px solid rgb(199, 14, 14); - если оффлайн
что то я никак не могу понять . Ведь еще год назад делал .
 
Сделал немного иначе может быть и коряво а может и нет но главное что пашет )
upload_2016-3-3_19-5-20.pngupload_2016-3-3_19-5-49.png
message_user_info
Код:
<xen:hook name="message_user_info_text" params="{xen:array 'user={$user}', 'isQuickReply={$isQuickReply}'}">
        <xen:if is="{$user.isOnline}"><h3 class="on userText"></span>
        <xen:username user="$user" itemprop="name" rich="true" />
        </h3>
        <xen:else />
        <h3 class="off userText">
        <xen:username user="$user" itemprop="name" rich="true" />
        </h3>
        </xen:if>
            <!--
            <h3 class=" userText">
            <xen:username user="$user" itemprop="name" rich="true" />
            <xen:if hascontent="true"><em class="userTitle" itemprop="title"><xen:contentcheck>{xen:helper userTitle, $user, 1, 1}</xen:contentcheck></em></xen:if>
            {xen:helper userBanner, $user, 'wrapped'}
            </h3>
            -->
    </xen:hook>
EXTRA.css
Код:
.on {
border: 1px solid #000 !important;
    background: linear-gradient(to top, #1a1b1f, #212528) ;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    padding: 5px;
background: url(styles/razorblade/razorblade/online.png) no-repeat left center, linear-gradient(to top, #1a1b1f, #212528);
}

.off {
border: 1px solid #000 !important;
    background: linear-gradient(to top, #1a1b1f, #212528) ;
    -webkit-box-shadow: 0 1px rgba(255, 255, 255, .1), inset 0 1px 2px rgba(0, 0, 0, .6);
    padding: 5px;
background: url(styles/razorblade/razorblade/offline.png) no-repeat left center, linear-gradient(to top, #1a1b1f, #212528);
}
 
  • Мне нравится
Реакции: Hope
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу