https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B4%D0%B0%D1%82%D1%8B_%D0%B8_%D0%B2%D1%80%D0%B5%D0%BC%D1%8F%2Fen
Инструкция по работе виджета отображения даты и время/en - История изменений
2026-05-02T16:17:37Z
История изменений этой страницы в вики
MediaWiki 1.45.1
https://wiki.smartplayer.org/index.php?title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B4%D0%B0%D1%82%D1%8B_%D0%B8_%D0%B2%D1%80%D0%B5%D0%BC%D1%8F/en&diff=16040&oldid=prev
N.Bloshkin: Новая страница: «== '''Widget Description''' == This widget allows users to display date and time information on their devices. Below is the configuration and operation guide for the widget. == '''Adding Widget to Personal Account''' == To add this widget to your personal account, navigate to the "Widget Gallery" section. 800px In this section, locate and u...»
2025-03-29T09:52:49Z
<p>Новая страница: «== '''Widget Description''' == This widget allows users to display date and time information on their devices. Below is the configuration and operation guide for the widget. == '''Adding Widget to Personal Account''' == To add this widget to your personal account, navigate to the "Widget Gallery" section. <a href="/index.php?title=%D0%A4%D0%B0%D0%B9%D0%BB:%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%B2_%D0%BB%D0%BA.png" title="Файл:Галерея виджетов лк.png">thumb|center| Example of "Widget Gallery" section in personal account|800px</a> In this section, locate and u...»</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:52, 29 марта 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="ru" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Widget Description</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Описание виджета</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">This widget allows users to display date and time information on their devices</ins>. <ins style="font-weight: bold; text-decoration: none;">Below is the configuration and operation guide for the widget</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Данный виджет предоставляет пользователю возможность выводить на свои устройства информацию о дате и времени</del>. <del style="font-weight: bold; text-decoration: none;">Ниже будет описан принцип настройки и работы виджета</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Adding Widget to Personal Account</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Добавление виджета в личный кабинет</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">To add this widget to your personal account</ins>, <ins style="font-weight: bold; text-decoration: none;">navigate to the </ins>"<ins style="font-weight: bold; text-decoration: none;">Widget Gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">section</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Чтобы добавить данный виджет в личный кабинет</del>, <del style="font-weight: bold; text-decoration: none;">пользователю необходим перейти в раздел </del>"<del style="font-weight: bold; text-decoration: none;">Галерея виджетов</del>". </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Галерея_виджетов лк.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of </ins>"<ins style="font-weight: bold; text-decoration: none;">Widget Gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">section in personal account</ins>|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Галерея_виджетов лк.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения раздела </del>"<del style="font-weight: bold; text-decoration: none;">Галерея виджетов</del>" <del style="font-weight: bold; text-decoration: none;">в личном кабинете</del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">In this section, locate and upload the widget</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">В данном разделе пользователь должен найти данный виджет и загрузить его</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Виджет_время_дата.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of widget display in </ins>"<ins style="font-weight: bold; text-decoration: none;">Widget Gallery</ins>"|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Виджет_время_дата.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения виджета в разделе </del>"<del style="font-weight: bold; text-decoration: none;">Галерея виджетов</del>"|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">After uploading, the widget will appear in the selected folder of the </ins>"<ins style="font-weight: bold; text-decoration: none;">Content</ins>" <ins style="font-weight: bold; text-decoration: none;">section in your personal account</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">После завершения загрузки виджета она отобразится в выбранной папки раздела </del>"<del style="font-weight: bold; text-decoration: none;">Контент</del>" <del style="font-weight: bold; text-decoration: none;">личного кабинета</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{<ins style="font-weight: bold; text-decoration: none;">Note</ins>|<ins style="font-weight: bold; text-decoration: none;">Alternative way to add widget is by uploading it as </ins>".zip" <ins style="font-weight: bold; text-decoration: none;">archive to </ins>"<ins style="font-weight: bold; text-decoration: none;">Content</ins>" <ins style="font-weight: bold; text-decoration: none;">section</ins>.|warn}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{<del style="font-weight: bold; text-decoration: none;">Nowe</del>|<del style="font-weight: bold; text-decoration: none;">Альтернативным способом добавления виджета в личный кабинет является добавление его в формате </del>".zip" <del style="font-weight: bold; text-decoration: none;">- архива в раздел </del>"<del style="font-weight: bold; text-decoration: none;">Контент</del>" <del style="font-weight: bold; text-decoration: none;">личного кабинета</del>.|warn}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Widget Configuration</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Настройка виджета</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">To configure the widget</ins>, <ins style="font-weight: bold; text-decoration: none;">double-click its icon in the </ins>"<ins style="font-weight: bold; text-decoration: none;">Content</ins>" <ins style="font-weight: bold; text-decoration: none;">section</ins>. <ins style="font-weight: bold; text-decoration: none;">This will open the widget's main page</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Чтобы настроить данный виджет</del>, <del style="font-weight: bold; text-decoration: none;">пользователю необходимо дважды кликнуть по иконке виджета в разделе </del>"<del style="font-weight: bold; text-decoration: none;">Контент</del>". <del style="font-weight: bold; text-decoration: none;">После этого у пользователя откроется главная страница виджета</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Главная_страница_времядата.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of widget's main page display</ins>|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Главная_страница_времядата.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения главной страницы виджета</del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">To access settings, hover over the settings gear icon</ins>. <ins style="font-weight: bold; text-decoration: none;">Clicking it will open the widget parameters configuration page</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Чтобы перейти в настройки виджета пользователю необходимо навести курсор на иконку настройки в виде шестеренки</del>. <del style="font-weight: bold; text-decoration: none;">Кликнув на неё пользователь откроет страницу настройки параметров виджета</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Иконка_настройки_виджета.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of settings icon displayed as a gear</ins>|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Иконка_настройки_виджета.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения иконки настройки отображаемой в виде шестерёнки</del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Widget Configuration Parameters</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Параметры для настройки виджета</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">On the settings page, configure the following parameters</ins>:</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Открыв страницу с настройками виджета пользователю необходимо настроить следующий параметры для работы виджета</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Language selection </ins>- <ins style="font-weight: bold; text-decoration: none;">allows choosing one of available languages</ins>: <ins style="font-weight: bold; text-decoration: none;">Russian</ins>, <ins style="font-weight: bold; text-decoration: none;">English</ins>, <ins style="font-weight: bold; text-decoration: none;">Portuguese</ins>, <ins style="font-weight: bold; text-decoration: none;">Spanish</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Выбор языка </del>- <del style="font-weight: bold; text-decoration: none;">позволяет пользователю выбрать один из представленных в списке языков</del>: <del style="font-weight: bold; text-decoration: none;">русский</del>, <del style="font-weight: bold; text-decoration: none;">английский</del>, <del style="font-weight: bold; text-decoration: none;">португальский</del>, <del style="font-weight: bold; text-decoration: none;">испанский</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Adaptive mode checkbox </ins>- <ins style="font-weight: bold; text-decoration: none;">enables widget to display information according to device resolution parameters</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Чекбокс (галочка) использовать адаптив </del>- <del style="font-weight: bold; text-decoration: none;">позволяет активировать для виджета возможность отображать информацию в соответствии с параметрами разрешения устройства.</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* "Montserrat" <ins style="font-weight: bold; text-decoration: none;">font checkbox </ins>- <ins style="font-weight: bold; text-decoration: none;">activates </ins>"Montserrat" <ins style="font-weight: bold; text-decoration: none;">font for date and time display</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Чекбокс (галочка) включить шрифт </del>"Montserrat" - <del style="font-weight: bold; text-decoration: none;">активирует использование шрифта </del>"Montserrat" <del style="font-weight: bold; text-decoration: none;">для вывода информации о дате и времени</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Time display checkbox </ins>- <ins style="font-weight: bold; text-decoration: none;">enables time display in widget</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Чекбокс (галочка) </del>- <del style="font-weight: bold; text-decoration: none;">позволяет активировать отображение времени при работе виджета</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Font size slider </ins>- <ins style="font-weight: bold; text-decoration: none;">adjusts font size for information display</ins>. <ins style="font-weight: bold; text-decoration: none;">Can also be manually entered in right field (press </ins>"Enter" <ins style="font-weight: bold; text-decoration: none;">to apply)</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Ползунок размер шрифта </del>- <del style="font-weight: bold; text-decoration: none;">позволяет выбрать размер шрифта для вывода информации</del>. <del style="font-weight: bold; text-decoration: none;">Также шрифт можно прописать вручную в окошке справа и нажать </del>"Enter" <del style="font-weight: bold; text-decoration: none;">для применения указанного занчения</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Prefix text </ins>- <ins style="font-weight: bold; text-decoration: none;">allows manual input of text to be displayed before date</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Текст перед датой </del>- <del style="font-weight: bold; text-decoration: none;">позволяет пользователю вручную прописать текст, который будет выводиться перед датой</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Font color </ins>- <ins style="font-weight: bold; text-decoration: none;">sets font color for widget (use </ins>HEX <ins style="font-weight: bold; text-decoration: none;">code </ins>- <ins style="font-weight: bold; text-decoration: none;">reference available online)</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Цвет шрифта </del>-<del style="font-weight: bold; text-decoration: none;">позволяет пользователю выбрать цвет шрифта, который будет использоваться в виджете. Цвет можно указать с помощью </del>HEX-<del style="font-weight: bold; text-decoration: none;">кода можно узнать в сети</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* <ins style="font-weight: bold; text-decoration: none;">Background color </ins>- <ins style="font-weight: bold; text-decoration: none;">sets widget background color (use </ins>HEX <ins style="font-weight: bold; text-decoration: none;">code </ins>- <ins style="font-weight: bold; text-decoration: none;">reference available online)</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* <del style="font-weight: bold; text-decoration: none;">Цвет фона </del>- <del style="font-weight: bold; text-decoration: none;">позволяет пользователю выбрать цвет фона виджета, который будет использоваться в виджете. Цвет можно указать с помощью </del>HEX-<del style="font-weight: bold; text-decoration: none;">кода можно узнать в сети</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Список_параметров_настроек.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of widget configuration parameters</ins>|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Список_параметров_настроек.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения параметров для настройки виджета</del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">After configuration, first click </ins>"<ins style="font-weight: bold; text-decoration: none;">Apply Settings</ins>" <ins style="font-weight: bold; text-decoration: none;">under parameters list</ins>, <ins style="font-weight: bold; text-decoration: none;">then click </ins>"<ins style="font-weight: bold; text-decoration: none;">Save</ins>" <ins style="font-weight: bold; text-decoration: none;">at bottom center of screen</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">После завершения настройки параметров пользователю необходимо сначала нажать кнопку </del>"<del style="font-weight: bold; text-decoration: none;">Применить настройки</del>" <del style="font-weight: bold; text-decoration: none;">под списком параметров</del>, <del style="font-weight: bold; text-decoration: none;">а после нажат на кнопку </del>"<del style="font-weight: bold; text-decoration: none;">Сохранить</del>" <del style="font-weight: bold; text-decoration: none;">внизу по центру экрана</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Нужные_кнопки.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of </ins>"<ins style="font-weight: bold; text-decoration: none;">Apply Settings</ins>" <ins style="font-weight: bold; text-decoration: none;">and </ins>"<ins style="font-weight: bold; text-decoration: none;">Save</ins>" <ins style="font-weight: bold; text-decoration: none;">buttons in widget</ins>|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Нужные_кнопки.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения кнопок </del>"<del style="font-weight: bold; text-decoration: none;">Применить настройки</del>" <del style="font-weight: bold; text-decoration: none;">и </del>"<del style="font-weight: bold; text-decoration: none;">Сохранить</del>" <del style="font-weight: bold; text-decoration: none;">в виджете</del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Adding Configured Widget to Broadcast</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Добавление настроенного виджета в трансляцию</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">To fully test this functionality</ins>, <ins style="font-weight: bold; text-decoration: none;">launch scheduled broadcast and add this widget as content</ins>. <ins style="font-weight: bold; text-decoration: none;">For creating broadcasts and schedules, see these </ins>Wikipedia <ins style="font-weight: bold; text-decoration: none;">articles</ins>:</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Чтобы полностью ознакомиться с работой данной функциональности</del>, <del style="font-weight: bold; text-decoration: none;">пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет</del>. <del style="font-weight: bold; text-decoration: none;">Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из </del>Wikipedia:</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Устройства"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Устройства"]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Контент на устройства"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Контент на устройства"]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Трансляции"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Трансляции"]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Расписание"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Расписание"]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Видеоинструкция</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Video Tutorial</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://vkvideo.ru/video-227547238_456239063 <del style="font-weight: bold; text-decoration: none;">Настройка виджета дата и время</del>]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://vkvideo.ru/video-227547238_456239063 <ins style="font-weight: bold; text-decoration: none;">Date and Time Widget Setup</ins>]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Дополнительная информация</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Additional Information</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе </del>"<del style="font-weight: bold; text-decoration: none;">Обсуждения</del>" <del style="font-weight: bold; text-decoration: none;">вверху страницы</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">If this article doesn't help or you have additional questions, please post them in </ins>"<ins style="font-weight: bold; text-decoration: none;">Discussions</ins>" <ins style="font-weight: bold; text-decoration: none;">section at top of page</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Обсуждение_дата_и_врпемя.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример отображения вкладки </del>"<del style="font-weight: bold; text-decoration: none;">Обсуждения</del>" <del style="font-weight: bold; text-decoration: none;">на </del>wiki-<del style="font-weight: bold; text-decoration: none;">странице </del>|800px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Обсуждение_дата_и_врпемя.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of </ins>"<ins style="font-weight: bold; text-decoration: none;">Discussions</ins>" <ins style="font-weight: bold; text-decoration: none;">tab on </ins>wiki-<ins style="font-weight: bold; text-decoration: none;">page </ins>|800px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Также дополнительную информацию можно узнать на странице </del>[[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">More information available at </ins>[[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
<!-- diff cache key smp_wiki-ru:diff:1.41:old-16038:rev-16040:php=table -->
</table>
N.Bloshkin
https://wiki.smartplayer.org/index.php?title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%BE%D1%82%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F_%D0%B4%D0%B0%D1%82%D1%8B_%D0%B8_%D0%B2%D1%80%D0%B5%D0%BC%D1%8F/en&diff=16038&oldid=prev
N.Bloshkin: Новая страница: «Date and Time Widget Operation Guide»
2025-03-29T09:51:26Z
<p>Новая страница: «Date and Time Widget Operation Guide»</p>
<p><b>Новая страница</b></p><div><div lang="ru" dir="ltr" class="mw-content-ltr"><br />
== '''Описание виджета''' ==<br />
Данный виджет предоставляет пользователю возможность выводить на свои устройства информацию о дате и времени. Ниже будет описан принцип настройки и работы виджета.<br />
== '''Добавление виджета в личный кабинет''' ==<br />
Чтобы добавить данный виджет в личный кабинет, пользователю необходим перейти в раздел "Галерея виджетов". <br />
[[File:Галерея_виджетов лк.png|thumb|center| Пример отображения раздела "Галерея виджетов" в личном кабинете|800px]]<br />
В данном разделе пользователь должен найти данный виджет и загрузить его.<br />
[[File:Виджет_время_дата.png|thumb|center| Пример отображения виджета в разделе "Галерея виджетов"|800px]]<br />
После завершения загрузки виджета она отобразится в выбранной папки раздела "Контент" личного кабинета.<br />
{{Nowe|Альтернативным способом добавления виджета в личный кабинет является добавление его в формате ".zip" - архива в раздел "Контент" личного кабинета.|warn}}<br />
== '''Настройка виджета''' ==<br />
Чтобы настроить данный виджет, пользователю необходимо дважды кликнуть по иконке виджета в разделе "Контент". После этого у пользователя откроется главная страница виджета.<br />
[[File:Главная_страница_времядата.png|thumb|center| Пример отображения главной страницы виджета|800px]]<br />
Чтобы перейти в настройки виджета пользователю необходимо навести курсор на иконку настройки в виде шестеренки. Кликнув на неё пользователь откроет страницу настройки параметров виджета.<br />
[[File:Иконка_настройки_виджета.png|thumb|center| Пример отображения иконки настройки отображаемой в виде шестерёнки|800px]]<br />
== '''Параметры для настройки виджета''' ==<br />
Открыв страницу с настройками виджета пользователю необходимо настроить следующий параметры для работы виджета:<br />
* Выбор языка - позволяет пользователю выбрать один из представленных в списке языков: русский, английский, португальский, испанский<br />
* Чекбокс (галочка) использовать адаптив - позволяет активировать для виджета возможность отображать информацию в соответствии с параметрами разрешения устройства.<br />
* Чекбокс (галочка) включить шрифт "Montserrat" - активирует использование шрифта "Montserrat" для вывода информации о дате и времени<br />
* Чекбокс (галочка) - позволяет активировать отображение времени при работе виджета<br />
* Ползунок размер шрифта - позволяет выбрать размер шрифта для вывода информации. Также шрифт можно прописать вручную в окошке справа и нажать "Enter" для применения указанного занчения<br />
* Текст перед датой - позволяет пользователю вручную прописать текст, который будет выводиться перед датой<br />
* Цвет шрифта -позволяет пользователю выбрать цвет шрифта, который будет использоваться в виджете. Цвет можно указать с помощью HEX-кода можно узнать в сети<br />
* Цвет фона - позволяет пользователю выбрать цвет фона виджета, который будет использоваться в виджете. Цвет можно указать с помощью HEX-кода можно узнать в сети<br />
[[File:Список_параметров_настроек.png|thumb|center| Пример отображения параметров для настройки виджета|800px]]<br />
После завершения настройки параметров пользователю необходимо сначала нажать кнопку "Применить настройки" под списком параметров, а после нажат на кнопку "Сохранить" внизу по центру экрана.<br />
[[File:Нужные_кнопки.png|thumb|center| Пример отображения кнопок "Применить настройки" и "Сохранить" в виджете|800px]]<br />
== '''Добавление настроенного виджета в трансляцию''' ==<br />
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' ==<br />
[https://vkvideo.ru/video-227547238_456239063 Настройка виджета дата и время]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.<br />
[[File:Обсуждение_дата_и_врпемя.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]<br />
</div></div>
N.Bloshkin