Страница 9 из 15

Re: Активные объекты на сценах

Добавлено: Пт сен 19, 2014 9:18 am
Bagir
Прижился у меня на сценах мой датчик температуры с градиентом. Теперь есть задумка нарисовать с помощью CSS стрелку и смотря на свойство direction включать ее вверх или вниз.

Re: Активные объекты на сценах

Добавлено: Пт сен 19, 2014 1:14 pm
Vit
добрался до системы...


Изображение

Re: Активные объекты на сценах

Добавлено: Пт сен 19, 2014 1:37 pm
Vit
Изображение

прикрутил еще rgb ленту

Изображение

может как подправить покрасивее?

Re: Активные объекты на сценах

Добавлено: Пт сен 19, 2014 8:10 pm
Bagir
Да, я думал немного растянуть круг. Тоже получается прикольно. А на черном фоне вообще клева выглядит! Немного поковыряюсь с z-wave, и вернуть обратно к CSS.

Re: Активные объекты на сценах

Добавлено: Пт сен 19, 2014 8:49 pm
Vit
Bagir писал(а):Да, я думал немного растянуть круг. Тоже получается прикольно. А на черном фоне вообще клева выглядит! Немного поковыряюсь с z-wave, и вернуть обратно к CSS.
ок...будем ждать примеров с новыми элементами

Re: Активные объекты на сценах

Добавлено: Сб сен 20, 2014 2:47 pm
Bagir
Народ, помогайте! Не могу понять, как на сценах у элементов пользоваться условием типа if в html коде.
Я добавил к элементу датчика температуры два треугольника вниз и вверх, чтобы было видно, куда изменяется температура. Получилось так:
Изображение
Треугольники рисует CSS код. Но показывать их надо по условию. Сейчас мне пришлось сделать три состояния элемента.
Изображение
норм - сам элемент
tempUp и tempDown - треугольники.
Состояния с треугольниками показываются по их условию
Изображение
Все работает нормально, но хочется объединить основное состояние элемента и состояния треугольников. Тогда будет как то так:

Код: Выделить всё

<style>
div.element_30 {
  font-size: 12pt;
  font-weight:700;
  text-align: center;
  border-radius: 30px;
  background-image: radial-gradient(%Corridorroom.TempHEX% -15px, rgba(0,0,0,0) 65%);
}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid red;
}
.triangle-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid blue;
}
</style>

<br>
%ts_corridor.updatedTime% ℃

// если свойство ts_corridor.direction= 1 то 
<div class="triangle-up"></div>

// если свойство direction = -1 то
<div class="triangle-down"></div>
Я не знаю как добавить условие if для показа тегов <div> Подскажите!!!

Re: Активные объекты на сценах

Добавлено: Сб сен 20, 2014 2:56 pm
Vit
это не пойдет?

<?php if ($expression == true): ?>
Это будет отображено, если выражение истинно.
<?php else: ?>
В ином случае будет отображено это.
<?php endif; ?>

Re: Активные объекты на сценах

Добавлено: Сб сен 20, 2014 10:53 pm
Bagir
Увы нет. Как я только не пробовал. Любое внедрение кода php вообще игнорируется. Но все остальное будет выполнено. То есть будут выполнены оба условия. И будет примерно так:
Изображение
Изображение

Re: Активные объекты на сценах

Добавлено: Вс сен 21, 2014 9:30 am
Bagir
Друзья, вопрос http://smartliving.ru/forum/viewtopic.p ... =80#p13677 пока так и открыт.
Еще пришла такая мысль. Цвет текста делать так же со сдвигом, в зависимости от температуры. Подобрать такие соотношения, чтобы цифры на фоне градиента всегда были четко видны. + к этому учесть цветовую схему. Кто знает, как ее получить? Я нашел только как из SQL дернуть. Но может есть простая встроенная функция?

Re: Активные объекты на сценах

Добавлено: Вс сен 21, 2014 9:59 am
Vit
у меня вроде перестали "замыливаться" норм все показывает

Изображение