Домашние страницы

[Bagir]

Ну это уже совсем другая история. Событий с картинками тут действительно маловато. А по коду я еще только езжу с картинкой чайник. Даже пока нет никаких вариантов использовать домашние страницы. Так что действительно примеры тут были бы весьма полезны.

[Vit]

Ну это уже совсем другая история. Событий с картинками тут действительно маловато. А по коду я еще только езжу с картинкой чайник. Даже пока нет никаких вариантов использовать домашние страницы. Так что действительно примеры тут были бы весьма полезны.

код кнопки есть, Сергей помог сделать....а вот больше пока и нет примеров...

[Vit]

пример кнопки:




код

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

div.element_79 {
  display: inline-block;
  color: black;
  font-size: 125%;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: .25em .5em;
  outline: none;
  border: 1px solid rgb(250,172,17);
  border-radius: 7px;
  background: rgb(255,212,3) linear-gradient(rgb(255,212,3), rgb(248,157,23));
  box-shadow: inset 0 -2px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,0);
  transition: box-shadow .2s, border-color .2s;
} 
div.element_79:hover {
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0), inset 0 1px 2px rgba(0,0,0,0), inset 0 0 0 60px rgba(255,255,0,.5);
}
div.element_79:active {
  padding: calc(.25em + 1px) .5em calc(.25em - 1px);
  border-color: rgba(177,159,0,1);
  box-shadow: inset 0 -1px 1px rgba(0,0,0,.1), inset 0 1px 2px rgba(0,0,0,.3), inset 0 0 0 60px rgba(255,255,0,.45);
}

значение "element_79" смотрим тут



ну и добавляем состояние элемента



примеры предлагаю вынести в раздел http://smartliving.ru/forum/viewforum.php?f=13
чтобы примеры собирались в одном месте...

[Bagir]

Так ведь это же клева! Я даже и не промышлял об этом.

[Vit]

Так ведь это же клева! Я даже и не промышлял об этом.

ветку для примеров создал....надеюсь участники форума будут делится примерами....

[Bagir]

Я бы тоже полюбопытствовал!

[Vit]

Я бы тоже полюбопытствовал!

могу код индикаторов выложить что на скринах используются

температура, вкл/выкл, цвет rgb ленты

[Bagir]

Конечно было бы очень полезно. Да и для начала изучения это очень поможет.

[Palko]

вот например управление светом в квартире.
можно как с панели управления так и просто тыкать на лампочки в комнате.

[Vit]

выложите примеры кода подсветки участков сцен..