Страница 4 из 25
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 30 май 2022, 16:20
ArtemArable
aidar_i писал(а): 30 май 2022, 13:51
Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп
Настройки страницы BODY.flp
Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".background
green_4CAF50 {background-color:
#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.
Отправлено спустя 11 минут :
Всё на этом нужно остановиться, думаю. Что то затянуло. Эстафету примите
Жаль. Моих знаний не хватит на весь охват.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 30 май 2022, 17:17
aidar_i
ArtemArable писал(а): 30 май 2022, 16:20
Жаль. Моих знаний не хватит на весь охват
Хватит. Это нужно делать, если Вам нужен другой цвет, кроме находящихся в библиотеке.
Просто откройте вышеуказанный файл в notepad++, найдите темной или в светлой теме такую строку, скопируйте и вставьте ниже, его то будете изменять, например, цвет светлее сделаем, пишем вместо выделенного кода, можно отсюда
https://colorscheme.ru/html-colors.html , greenyellow и #ADFF2F.
И соохраните файл.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 30 май 2022, 17:24
Rovki
Совершенству нет предела ,в отличии от жизни человека

GyverPortal - простой конструктор веб интерфейса.
Добавлено: 30 май 2022, 18:31
ArtemArable
ArtemArable писал(а): 30 май 2022, 16:20
aidar_i писал(а): 30 май 2022, 13:51
Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп
Настройки страницы BODY.flp
Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".background
green_4CAF50 {background-color:
#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.
Отправлено спустя 11 минут :
Всё на этом нужно остановиться, думаю. Что то затянуло. Эстафету примите
Жаль. Моих знаний не хватит на весь охват.
Я про доводку основных блоков имел ввиду. Красота для меня на третьем месте после надежност и функциональности.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 30 май 2022, 19:42
aidar_i
Ааа, Вы на счёт этого, найдется человек, который воплотит в новом редакторе. По возможности, конечно постараюсь, что то делать, но времени будет мало. Я, главное, дал наработки, развивать и переделывать будет уже легче. У одного форумчанина, например, есть идея, чтобы порядок компиляции не зависел от очереди вытаскивания блоков.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 31 май 2022, 20:51
ArtemArable
aidar_i писал(а): 30 май 2022, 09:26
ArtemArable писал(а): 30 май 2022, 08:43
1. Планируете Вы как автор дополнить блоки входами предустановки? Пример выложил выше. В практике необходимо для сохранения настроек.
Вот блок для слайдера, подправил Вашу. Да, нужно все аналогично сделать, может поможете?
Слайдер со стартовым значением.flp
Удалите в ПБ и добавьте эту.
Я занимаюсь. Как закончу или упрусь - скину Вам.
Отправлено спустя 2 часа 4 минуты 36 секунд:
Есть затруднение с Date и Time. Выход типа String, но в библиотеке привязывается к структуре GPtime.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 31 май 2022, 22:36
aidar_i
aidar_i писал(а): 30 май 2022, 13:51
Блок для настройки страницы: цвета фона , высоту и цвет и стиль шрифтов и тп
Настройки страницы BODY.flp
Ставьте блок add.BODY(......) после add.THEME(......);
Для фона создайте дополнительно сами классы с нужными цветами в файле themes.h
".background
green_4CAF50 {background-color:
#4CAF50!important;}\n"
меняя эти выделенные названия и хекс код цвета.
Библиотеку с последними изменениями выложу в первую тему 6 версия.
С помощью этого блока можно вставить фоном любое изображение свое или с интернета. Если свое, то нужно не очень большой файл, его нужно конвертировать в код, как в блоке вставки изображения.
С интернета - вставить ссылку на изображение в файле themes.h в этих строках (можно их вставить в файл и изменить имя класса и ссылку на картинку.
//рисунок фона по ссылке, три строки вставлять и изменить название класса и поставить свою ссылку.
".backgroundimage
1{background: url(
https://cdn.pixabay.com/photo/2018/04/3 ... 60_720.jpg) !important;"
"background-repeat: no-repeat !important;background-position: center center !important;background-attachment: fixed !important;"
"-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;}\n"
Установка картинки с интернета фоном страницы.flp
Попробуйте в параметрах настройки поставить backgroundimage, backgroundimage1,2,3.
Замените этот файл в библиотеке, там созданы классы под картинки backgroundimage(простой маленький рисунок размножается и заполняет страницу), backgroundimage1,2,3(растягивается по странице).
themes.h
[spoiler]
Фон картинкой1.png
[/spoiler]
[spoiler]
Фон картинкой.png
[/spoiler]
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 05 июн 2022, 08:36
aidar_i
Запустил многостраничность
GyverPortal многостраничностьESP8266.flp
Пример с двумя страницами , кнопка для перехода на другую страницу. Чтобы перейти из белой темы (стр 2) на черную(стр1) нажмите 2 раза.
Блоками из примера замените блоки в ПБ.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 07 июн 2022, 10:51
aidar_i
Обновил блоки и библиотеку в первом сообщении.
Создал блоки для вывода графиков в разделе режима Обновления.
Далее постараюсь сделать примеры по использованию блоков и снять видео.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 07 июн 2022, 17:17
Imran
https://prnt.sc/MiGW0jy7OTTf появляется вот такая ошибка
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 07 июн 2022, 17:50
aidar_i
Параметр Настройка не имеет класс Privet, его вставьте в Параметр Текст. Что входит в Настройка смотрите описание блока. Проверил , компилируется.
Скачайте последние блоки и библиотеку(можно сказать, стабильная версия), придется пересобрать проект.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 08 июн 2022, 10:54
Imran
Объясните пожалуйста что не так делаю.Я понимаю что проблема во мне, большинство блоков у меня выходят с одинаковой ошибкой, направьте меня на мою ошибку.
aidar_i писал(а): 07 июн 2022, 10:51
Обновил блоки и библиотеку в первом сообщении
07 июн 2022 11:51
aidar_i писал(а): 07 июн 2022, 17:50
Скачайте последние блоки и библиотеку
перед тем как начать удалил все старое , время сборки 07 июн 2022 18:17
ошибка похоже та же самая
https://prnt.sc/C_nPY9yWC7Cd
Может построение и очередность не правильная ?
проект
752_W_D1_M_P_v_2.flp
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 08 июн 2022, 18:36
aidar_i
Лучше сделать так, тело программы расположить выше блоков портала.
752_W_D1_M_P_v_3.flp
А то сетап дисплея оказывается внутри build()
У меня не заработала точка доступа, работает , если только убрать блоки дисплея, пока не могу разобраться, почему. Портал работает без дисплея.
Asoled перестал работать с ЕСП8266 через вайфай.
Отправлено спустя 1 час 40 минут 42 секунды:
Imran писал(а): 08 июн 2022, 10:54
ошибка похоже та же самая
Пока поставьте блоки для дисплея из другой библиотеки
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 09 июн 2022, 15:30
Imran
Может я не правильно настраиваю блоки ? включить отключить что то работает, а вывод не работают и еше сам контроллер Wemos D1 Mini Pro а я пишу на Wemos D1 Mini , это серьёзную роль играет ??
aidar_i писал(а): 08 июн 2022, 18:36
Пока поставьте блоки для дисплея из другой библиотеки
вообще удалил блоки дисплея
https://prnt.sc/doRiJUOcG0uP
вот проект
752_W_D1_M_P_v_4.flp
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 10 июн 2022, 06:33
aidar_i
Imran писал(а): 09 июн 2022, 15:30
Может я не правильно настраиваю блоки ? включить отключить что то работает, а вывод
У Вас стоят 2 библиотеки старой версии, удалите их все. В ошибках путь написана, где находятся библиотеки. Потом установите GyverPortal_mod7
Отправлено спустя 7 минут 28 секунд:
Imran писал(а): 09 июн 2022, 15:30
Wemos D1 Mini Pro а я пишу на Wemos D1 Mini , это серьёзную роль играет ??
Нет, в иде поставьте про, если и не поставите, все равно будет работать, только как простой вемос.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 10 июн 2022, 10:48
Imran
aidar_i писал(а): 10 июн 2022, 06:33
GyverPortal_mod7
название должен быть
GyverPortal_mod7 ? или
GyverPortal_mod ?
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 10 июн 2022, 12:13
aidar_i
Imran писал(а): 10 июн 2022, 10:48
aidar_i писал(а): 10 июн 2022, 06:33
GyverPortal_mod7
название должен быть
GyverPortal_mod7 ? или
GyverPortal_mod ?
Название папки не важно, внутри папки файлы не трогайте, но лучше как у меня, чтобы видеть GyverPortal_mod7
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 10 июн 2022, 16:30
Imran
Спасибо заработало
aidar_i писал(а): 10 июн 2022, 06:33
У Вас стоят 2 библиотеки старой версии, удалите их все. В ошибках путь написана, где находятся библиотеки. Потом установите GyverPortal_mod7
Просто так закинул блоки что бы понять как работает GyverPortal_mod7, Вы писали соблюдать очередность блоков, тот блок который в Флпрог второй
https://prnt.sc/Kj17u5PklFhk но в браузере он девятый
https://prnt.sc/Znx0DiXTvHp9
и многие в разброску стоят не как в Флпрог
Что я не правильно понял?
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 10 июн 2022, 19:46
aidar_i
Imran писал(а): 10 июн 2022, 16:30
Что я не правильно понял?
Очередность вытаскивания блоков- вот порядок расположения компонентов в браузере! А не как они расположены в программе! Какой блок вытащил раньше, тот и выше. Если его даже перетащишь ниже, все равно он будет на своем прежнем месте.
Но если расположите каждый блок на своей плате, то порядок компиляции будет как в проекте.
GyverPortal - простой конструктор веб интерфейса.
Добавлено: 13 июн 2022, 16:26
Imran
aidar_i писал(а): 10 июн 2022, 19:46
Очередность вытаскивания блоков- вот порядок расположения компонентов в браузере!
Все ТИП ТОП СПАСИБО