Шаблоны Оформления для Веб-Интерфейса

Делимся шаблонами для веб интерфейса.

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#41

Сообщение petroua » 17.01.2022{, 18:36}

все ясно.
Последний раз редактировалось petroua 23.01.2022{, 06:08}, всего редактировалось 1 раз.

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#42

Сообщение petroua » 17.01.2022{, 19:23}

непонятно)
Последний раз редактировалось petroua 23.01.2022{, 06:08}, всего редактировалось 3 раза.

sergserg
Сержант
Сообщения: 203
Зарегистрирован: 25.02.2021{, 14:26}
Репутация: -19
Имя: Сергей

Шаблоны Оформления для Веб-Интерфейса

#43

Сообщение sergserg » 17.01.2022{, 22:07}

Не по теме
мне лично пофиг на ваши разборки :D я успел скачать примеры отсюда
Хреново только что не все украшательства успели продемонстрировать :(

вы че блин не могли помолчать/потерпеть в той теме немножко? обязательно надо было жестко обламывать авторов? это так необходимо было? :D

Аватара пользователя
bsn
Лейтенант
Сообщения: 347
Зарегистрирован: 22.07.2018{, 07:24}
Репутация: 90
Откуда: Ростовская обл.
Имя: Сергей

Шаблоны Оформления для Веб-Интерфейса

#44

Сообщение bsn » 17.01.2022{, 22:29}

sergserg писал(а):
17.01.2022{, 22:07}
мне лично пофиг на ваши разборки :D я успел скачать примеры отсюда
Ну и покажите всем пример, что разборки разборками - а электроника выше всего. Раз Вы выше всех этих разборок - так и поделитесь, пожалуйста, тем, что для всех и было выложено. В мире электроники станет чуть больше света и знаний :smile9: (или это другое?)

Аватара пользователя
cmept-27
Сержант
Сообщения: 270
Зарегистрирован: 08.12.2016{, 15:51}
Репутация: 76

Шаблоны Оформления для Веб-Интерфейса

#45

Сообщение cmept-27 » 20.01.2022{, 17:15}

Продолжаю мучить WEB интерфейс
1.png
2.png
3.png
4.png
1.flp
(769.88 КБ) 133 скачивания
Отправлено спустя 1 минуту 38 секунд:
Жалко пример со скриптами js удалили
OK

DrScorpion86
Рядовой
Сообщения: 59
Зарегистрирован: 28.04.2021{, 14:45}
Репутация: 30
Имя: Евгений

Шаблоны Оформления для Веб-Интерфейса

#46

Сообщение DrScorpion86 » 20.01.2022{, 17:31}

cmept-27 писал(а): Жалко пример со скриптами js удалили
Что требуется? Возможно помогу.

Аватара пользователя
cmept-27
Сержант
Сообщения: 270
Зарегистрирован: 08.12.2016{, 15:51}
Репутация: 76

Шаблоны Оформления для Веб-Интерфейса

#47

Сообщение cmept-27 » 20.01.2022{, 20:40}

Или так
5.png
1.flp
(783.31 КБ) 117 скачиваний
OK

Аватара пользователя
cmept-27
Сержант
Сообщения: 270
Зарегистрирован: 08.12.2016{, 15:51}
Репутация: 76

Шаблоны Оформления для Веб-Интерфейса

#48

Сообщение cmept-27 » 22.01.2022{, 15:52}

Сделал кнопку с иконкой меняющей цвет по клику с помощью скрипта JS что был уже тут в сообщении DrScorpion86, viewtopic.php?t=7761&start=20#p110202
1.png
1.png (10.75 КБ) 2552 просмотра
1.flp
(162.28 КБ) 118 скачиваний
OK

Аватара пользователя
karen
Рядовой
Сообщения: 66
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 30
Откуда: Mars
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#49

Сообщение karen » 22.01.2022{, 16:00}

cmept-27 писал(а):
22.01.2022{, 15:52}
Сделал кнопку с иконкой меняющей цвет по клику с помощью скрипта JS что был уже тут в сообщении DrScorpion86, viewtopic.php?t=7761&start=20#p110202
1.png
1.flp
А шрифт в телефоне разве работает? 🤔 Речь о Chrome mobile.

P.s спасибо, вышло интересно) а есть вариант вид кнопок привести как в jeeUI?
karens4

Аватара пользователя
cmept-27
Сержант
Сообщения: 270
Зарегистрирован: 08.12.2016{, 15:51}
Репутация: 76

Шаблоны Оформления для Веб-Интерфейса

#50

Сообщение cmept-27 » 22.01.2022{, 16:01}

Шрифт встроен )) Также как и иконка
OK

Аватара пользователя
karen
Рядовой
Сообщения: 66
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 30
Откуда: Mars
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#51

Сообщение karen » 22.01.2022{, 16:05}

cmept-27 писал(а):
22.01.2022{, 16:01}
Шрифт встроен )) Также как и иконка
Понял 😉 попробую.
А что насчёт jeeUI переключателя jeeUI как пример привёл, а так любой похожий на него)
karens4

Аватара пользователя
cmept-27
Сержант
Сообщения: 270
Зарегистрирован: 08.12.2016{, 15:51}
Репутация: 76

Шаблоны Оформления для Веб-Интерфейса

#52

Сообщение cmept-27 » 22.01.2022{, 16:08}

karen, Пока еще разбираюсь просто с HTML и JS а потом уже посмотрим.
OK

Аватара пользователя
karen
Рядовой
Сообщения: 66
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 30
Откуда: Mars
Имя: Karen
Контактная информация:

Шаблоны Оформления для Веб-Интерфейса

#53

Сообщение karen » 22.01.2022{, 16:11}

cmept-27 писал(а):
22.01.2022{, 16:08}
karen, Пока еще разбираюсь просто с HTML и JS а потом уже посмотрим.
Понял принял) не теряйте нашу тему она вроде медленно но верно продолжает развиваться) мы всегда рады любому прогрессу)
karens4

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#54

Сообщение petroua » 23.01.2022{, 06:05}

Вот откопал на Я.Диске:

Мониторинг в веб-интерфейсе Статус Соединения с есп:
СпойлерПоказать
1.jpg
2.jpg
3.jpg
код.txt
(2.17 КБ) 86 скачиваний
статус-соединения.flp
(97.6 КБ) 80 скачиваний

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#55

Сообщение petroua » 23.01.2022{, 06:11}

Новогодняя Анимированная Развлекательная:
(ветки Ёлки из кнопок, повернутых под углом. Сделано в WebBuilder)
СпойлерПоказать
GIF (нажать для просмотра анимации):
новогодняя-gif.gif
архив с проектом в WebBuilder.rar
(6.83 КБ) 42 скачивания
Новогодняя.flp
(477.24 КБ) 52 скачивания
Последний раз редактировалось petroua 23.01.2022{, 06:16}, всего редактировалось 3 раза.

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#56

Сообщение petroua » 23.01.2022{, 06:13}

Стрелочный Индикатор в веб-интерфейсе:
СпойлерПоказать
GIF (нажать для просмотра анимации):
GIF-ka.gif
код.txt
(1.8 КБ) 105 скачиваний
стрелочный индикатор.flp
(222.11 КБ) 107 скачиваний

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#57

Сообщение petroua » 23.01.2022{, 09:05}

мне прислали вот это и просили опубликовать :smile37:

ОДИН круглый индикатор с заполнителем:
СпойлерПоказать
GIF - нажать для просмотра
ОДИН круглый индикатор.gif
мини-фак.txt
(4.83 КБ) 69 скачиваний
ОДИН-индикатор-круглый.flp
(228.14 КБ) 65 скачиваний
Отправлено спустя 7 минут 30 секунд:
круто :smile9:

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#58

Сообщение petroua » 23.01.2022{, 09:28}

еще:
НЕСКОЛЬКО круглых индикаторов.gif
СпойлерПоказать
GIF нажать для анимации
НЕСКОЛЬКО круглых индикаторов.gif
мини-фак.txt
(5.26 КБ) 89 скачиваний
НЕСКОЛЬКО-индикаторов-круглый.flp
(421.42 КБ) 97 скачиваний

petroua
Рядовой
Сообщения: 43
Зарегистрирован: 07.12.2021{, 17:17}
Репутация: 30
Имя: Петр

Шаблоны Оформления для Веб-Интерфейса

#59

Сообщение petroua » 23.01.2022{, 09:38}

cmept-27, ваш шрифт цифровой к этим индикаторам круглым пришить получилось б шикарно :smile469:

slsl
Рядовой
Сообщения: 70
Зарегистрирован: 08.12.2021{, 22:41}
Репутация: 8
Имя: Вячеслав

Шаблоны Оформления для Веб-Интерфейса

#60

Сообщение slsl » 23.01.2022{, 12:33}

А есть с линейными индикаторами?

Ответить

Вернуться в «WEB интерфейс»