<<< Назад

Шаблон отображения в классе "Users"


skysilver (2018-04-06 09:40:52):

Добавь для наглядности изображение конечного результата.

(0)
 
Logrus (2018-04-06 10:01:46):

Добавил, правда не с первого раза понял как )))

(0)
 
ahelper (2018-04-17 09:01:00):

Вот мои пять копеек:
<style>
@import url("/css/font-awesome/css/font-awesome.min.css");
.containerUsers {
font-family: ArialHebrew-Light;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 15px;
border: 1px solid #444;
padding: 5px;
}
.battUsers {
font-size: 85%;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.mailUsers {
font-size: 85%;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.wifiUsers {
font-size: 85%;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.infoUsers {
padding-left: 10px;
padding-top: 10px;
}
.nameUsers {
font-size: 120%;
}
.locUsers {
font-size: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
.timeUsers {
font-size: 70%;
color: grey;
}
.containerUsers img {
max-width: 100%;
height: auto;
max-height:100%
}
</style>
<div class="containerUsers">
<div class="battUsers">
%admin.BattLevel%% <span class="batt_icon fa fa-%admin.BattPic%" style="color: %admin.BattColor%" aria-hidden="true"></span></div>
<div class="wifiUsers">
<span class="wifi_icon fa fa-%admin.NetworkPic%" aria-hidden="true"></span></div>
<div class="infoUsers">
<div class="nameUsers" style="color: %admin.NameColor%">%admin.fullName%</div>
<div class="timeUsers"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> Online %admin.isHomeTime%</div>
<div class="timeUsers"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> GPS     %Admin.seenAt% %admin.updatedText%</div>
<div class="locUsers"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %admin.Location%</div>
</div>
<div style="clear:both;"></div>
<img src="https://maps.googleapis.com/maps/api/staticmap?cen...%">
</div>

Для других юзеров можно вставлять только HTML код, без CSS.

(2)
 
Logrus (2018-04-17 12:34:06):

а еще по уму это сделать наверное в одном варианте (в одном классе переводом строки)

  1. <div class="timeUsers"><span class="ref_icon fa fa-refresh"
    приделать вращение
  2. <div class="timeUsers"><span class="ref_icon fa fa-refresh fa-spin"
(0)
 
Logrus (2018-04-17 20:59:50):

поправил у себя про выше

(0)
 
viktor6 (2018-09-29 21:59:03):

Что куда это вставлять не пойму

(0)
 
Logrus (2018-09-29 23:17:23):

в чате тлг уже разобрались?

(0)
 
viktor6 (2018-09-30 18:24:35):

Не совсемё Картинка появилась но данные не какие не отображает.
Не пойму где берутся эти данные и как они обновляются.
admin.BattPic
admin.BattColor
admin.NetworkPic
admin.NameColor
admin.isHomeTime
admin.updatedText

(0)
 
Logrus (2018-09-30 20:04:03):

http://majordomo.smartliving.ru/forum/viewtopic.ph...

также в коннекте у меня код выложен

(2)
 

Пожалуйста, войдите в систему, чтобы добавлять комментарии Присоединиться!