Документы ❯ (Постановления, Приказы...)
Ссылки по годам можноделать выборкой в строке ссылки, например ❯ Распоряжения, выбор за 2025 год
/ofitsialno/dokumenty/?document_category=27&document_publication_date=01.01.2025%20-%2031.01.2025
00-эксперимент
Документы
Блок МЕНЮ. Нужно создавать отдельные страницы на сайте (разделы, чтобы добавить в Меню)
Факты, преимущества. Здесь при добавлении Факта (новая ссылка) данные добавляются вниз.
Новости. Оформление
Это отдельный блок с Новостями для Административного пользования. Но при пометке раздела "Важно" — отобразились на главной странице :) 
Муниципальные организации
01 января, 04:37
Таблицы: масштабируемость
Смотрим отображение при уменьшении размеров экрана
Справочный блок
Оформление через таблицы в Текстовом блоке.
|
|
| Для справки |
| Здесь 4 таблицы друг за другом. 1 таблица: Заголовок. Внутренний отстп 7, залито #f8f8ec. 2 таблица: ширина 100%, внутренний отступ 2, заливка #c9c9b5. 3 таблица: внутренний отступ 7 (чтобы текст по левой стороне был ровно с Заголовком) без заливки. Сюда пишем важный и нужный текст, который хотим выделить. Это сама Справка. 4 таблица: ширина 100%, внутренний отступ 2, заливка #c9c9b5. Сложно. Учитывая, что при копировании заливка не копируется и нужно вручную заливать отдельные ячейки. |
| Для справки |
| Здесь всего 2 таблицы. 1 таблица: Заголовок. Внутренний отступ 10, залито #e5e5ca, чуть темнее Вставлена линия 2 таблица: внутренний отступ 10 (чтобы текст по левой стороне был ровно с Заголовком) без заливки. Сюда пишем важный и нужный текст, который хотим выделить. Это сама Справка. Вставлена линия Уже проще |
| Для справки |
| Здесь всего 2 таблицы. 1 таблица: Заголовок. Внутренний отступ 10, залито #e5e5ca, чуть темнее 2 таблица: внутренний отступ 10 (чтобы текст по левой стороне был ровно с Заголовком) залито #f8f8ec. Сюда пишем важный и нужный текст, который хотим выделить. Это сама Справка. Тоже просто |
Многоуровневое меню
Проба сделать одно меню вместо кучи отдельных страниц:
Муниципальные задания и отчеты об их исполнении
► Утверждённые муниципальные задания
❯❯ Утверждённые муниципальные задания: 2024 год
■ 1 квартал
■ 2 квартал…
❯❯ Утверждённые муниципальные задания: 2023 год
Здесь каждый элемент меню (строка) — переход на новую страницу. Будем убирать лишние и упрощать :)
Не получилось. Убираем лишние страницы - добавляются пункты переходов по ссылке. Теперь каша получилась. А годы будут добавляться :)
Всё равно каждый квартал - отдельная страница. Или надо всё в Аккордеоны собирать.
Используем: Контейнер заливаем бежевым фоном и скругляем углы. Добавляем по порядку 2 текстовых блока: 1 - Заголовок (таблица с иконкой и текстом) - заливаем темнее. 2 - таблица с годами (и кварталами). Эти 2 контейнера помещаем в общий Контейнер и делаем Компоновку списка (flexbox).
 |
Утверждённые |
❯ |
2024 год |
❯ |
2023 год |
|
Отчеты и оценки |
2024 год |
1 квартал | 2 квартал | 3 квартал | 4 квартал | ИТОГ |
2023 год |
1 квартал | 2 квартал | 3 квартал | 4 квартал | ИТОГ |
|
Расчет норматива затрат |
|
Базовый норматив затрат |
Слишком сложно. В итоге сделал проще ❯ Отчёты по годам
Цветовые схемы
Салатовый
| Цветовая схема - Салатовый цвет. Вариант для таблицы. | |
| Белый цвет строки | 500 |
| Цвет строки чередованием | 27 |
| строка 3 | 144 |
| строка 4 | 286 |
Салатовый яркий
| Цветовая схема - Салатовый цвет. Яркий. Вариант для таблицы. | |
| Белый цвет строки | 500 |
| Цвет строки чередованием | 27 |
| строка 3 | 144 |
| строка 4 | 286 |
Синий
| Цветовая схема - Синий цвет. Вариант для таблицы. | ||
| Белый цвет строки | 500 | |
| Цвет строки чередованием | 27 | |
| строка 3 | 144 | |
| строка 4 | 286 | |
Вариант в серых тонах
| Цветовая схема - чистый серый. Вариант для таблицы. | |
| Белый цвет строки | 500 |
| Цвет строки чередованием | 27 |
| строка 3 | 144 |
| строка 4 | 286 |
Вариант в тёплых тонах
| Цветовая схема. Серый, тёплый. Вариант для таблицы. | |
| Белый цвет строки | 500 |
| Цвет строки чередованием | 27 |
| строка 3 | 144 |
| строка 4 | 286 |
Вариант в холодных тонах
| Цветовая схема - холодный серый. Вариант для таблицы. | |
| Белый цвет строки | 500 |
| Цвет строки чередованием | 27 |
| строка 3 | 144 |
| строка 4 | 286 |
Вариант
| Заголовок #cfdfb1 | . | Фон заголовка #d9d6ce | сумма | . | |
| Белый цвет строки | 500 | . | Белый цвет строки | 500 ₽ | . |
| Цвет правой колонки #e0eec6 | 27 | . | Цвет правой колонки #e7e7df | 1 050 ₽ | . |
| строка 3 | 144 | . | строка 3 | 277 ₽ | . |
| Фон #f4ffe4 | 286 | . | Фон #f4f4f0 | 124 ₽ | . |
| #8f9d78 | . | #9a968b | . | ||
В таблице серого цвета слева и справа колонки ячеек с границей белого цвета (white) - колонки с точками.
Интересно отображение:
- левая сторона колонки - отображение цвета границы предыдущей колонки (gray)
- правая сторона колонки - граница белым цветом :)
Заголовок раздела
Заголовок раздела
 |
Заголовок раздела |
Размеры Заголовков. Вписал в таблицу, чтобы были видны отступы. В Новостях - размеры другие.
Заголовок 2 |
Заголовок 3 |
Заголовок 4 |
Заголовок 5 |
Заголовок 6 |
Переход по ссылке
Блоком Факты, преимущества
Неудобно заполнять. Нужно сначала как-то загрузить файл в нужную папку, и только потом указать ссылку для скачивания.
Если делать в Текстовом блоке обыкновенной ссылкой, то там сразу даёт загрузить файл в нужное место и выбрать его.
Блоком Контакты
Блоком Меню
Контейнер: Иконка + Текстовый блок
осуществляющих деятельность на территории муниципального образования города Шарыпово Красноярского края
осуществляющих деятельность на территории муниципального образования города Шарыпово Красноярского края
осуществляющих деятельность на территории муниципального образования города Шарыпово Красноярского края
Таблица - Контейнер
Контейнер = 1 колонка (текст) + 2 колонка (текст) + 3 колонка (иконка для скачивания файла) + 4 колонка (текст - дата).
И так каждую строку. Потом просто копировать. Заливка построчно. Нижний блок с синей рамкой внизу.
Управление образованием. Заголовок 6
Контакты + рисунок карты с переходом на Карты.Яндекс
Администрация города Шарыпово
662314, Красноярский край, г.Шарыпово, ул.Горького, д.14А
adm@57.krskcit.ru
8 (39153) 21-1-90
пн-пт: 8.00 - 17.00, перерыв на обед с 12.00 до 13.00
Аккордеон
«О присвоении, подтверждении спортивных разрядов и судейских категорий»
№ 109 от 01.04.2024 О присвоении судейской категории
№ 108 от 01.04.2024 О присвоении спортивных разрядов
№ 065 от 20.02.2024 О присвоении, подтверждении спортивных разрядов
№ 058 от 08.02.2024 О присвоении спортивных разрядов
№ 027 от 19.01.2024 О присвоении спортивных разрядов
ПРОТОКОЛ № 63 от 22.07.2024
ПРОТОКОЛ № 60 от 23.04.2024
ПРОТОКОЛ № 59 от 18.04.2024
ПРОТОКОЛ № 58 от 15.01.2024
Заголовок
Можем вставить текстовый блок, можем Документы. Здесь добавлен текстовый блок (внизу) с переходом на Заголовок. Поэтому Заголовок вынесен в отдельный блок, т.к. переход (якорь) может быть только на заголовок.
У блока, который отображается как Аккордеон, под Компоновкой списка настроен Шрифт заголовка (выбран Заголовок 3).
У этого блока и блока ниже Внутренний отступ слева - 10 (чтобы лучше читалось :). Этот блок отбит рамкой внизу.
ПРОТОКОЛ № 63 от 22.07.2024
ПРОТОКОЛ № 60 от 23.04.2024
ПРОТОКОЛ № 59 от 18.04.2024
ПРОТОКОЛ № 58 от 15.01.2024
+ КСП: экспертно-аналитическая деятельность
Найдено 7 документов
Внешняя проверка годовой бюджетной отчётности за 2023 год главного администратора (распорядителя) бюджетных средств.
б/н
Опубликовано: 22.08.2024
Итоги реализации Прогнозного плана (Программы) приватизации муниципального имущества за 2022 год
51
Опубликовано: 22.08.2024
Заголовок аккордеона с документами
строки чередуем по цвету, но нижний - серый с рамкой внизу для отбивки блока. Затем добавляем блоки выше: копируем «контейнер (внутренний)» и вставляем выше.
Найдено 0 документов
Ничего не найдено
Найдено 0 документов
Ничего не найдено
Или так
строки чередуем по цвету, но нижний - серый с рамкой внизу для отбивки блока. Затем добавляем блоки выше: копируем «контейнер (внутренний)» и вставляем выше.
Найдено 0 документов
Ничего не найдено
Найдено 0 документов
Ничего не найдено
Заголовок аккордеона текстового блока
ПРОГРАММА РАЗВИТИЯ
муниципального образования города Шарыпово Красноярского края
Текст программы по развитию нашего славного муниципального округа города Шарыпово на текущий год, который станет знаковым в истории процветания благосостояния всего населения и улучшении уровня жизни.
Внизу, после контейнера - текст-2. Отступ внизу 40
Заголовок Блока
Поликлиника №1 (Взрослая)
8 (39153) 61-1-55 (доб. 255)
понедельник-пятница с 7:30 до 18:00, суббота с 9:00 до 14:00
Ильященко М.Ю. Заместитель главного врача по АПР
| Терапевтическое отделение (стационар) | ||
| Заведующая | Чеботарь Н.М. | 8 (39153) 61-1-14 (доб. 309) |
| Старшая медсестра | Голощапова Т.В. | 8 (39153) 61-1-14 (доб. 311) |
| Приёмный покой | 8 (39153) 61-1-14 (доб. 316) | |
| Педиатрическое отделение (стационар) | ||
| Заведующий | Фиронов А.Ф. | 8 (39153) 61-1-14 (доб. 321) |
| Ординаторская | 8 (39153) 61-1-14 (доб. 322) | |
| Пост | 8 (39153) 61-1-14 (доб. 327) | |
| Наркология | ||
| Заведующий | Рубцова Н.А. | 8 (39153) 61-1-55 (доб. 341) |
Ниже - блоки по отдельности
Вверху (перед контейнерос с Аккордеоном - текстовый блок: текст-1
06.11.2019 № 317 «О присвоении спортивных разрядов»
06.11.2019 № 316 «О присвоении спортивных разрядов»
06.11.2019 № 315 «О присвоении спортивных разрядов»
06.11.2019 № 314 «О присвоении спортивных разрядов»
14.10.2019 № 291 «О присвоении спортивных разрядов»
06.05.2019 № 127 «О присвоении спортивных разрядов»
25.04.2019 № 116 «О присвоении судейской категории»
31.01.2019 № 41 «О присвоении спортивных разрядов»
16.01.2019 № 9 «О присвоении спортивного разряда»
Внизу, после контейнера - текст-2. Отступ внизу 40
Блок в 2 цвета
просто пример оформления
03-Блок
Делаем как в уроке
Видеоурок_№25_Как_создать_контейнер_с_выпадающим_текстом
Блок, в блоке Кнопка, ниже - текст. В свойствах текста, в разделе Оформление, указываем Скрыть - При нажатии на родительский блок (аккордеон). Самый нижний вариант.
Здесь просто Родительский блок решил сделать не кнопкой а оформить блок: Текст в виде кнопки + текст справа - показать / скрыть. Но тогда курсор не меняется при наведении на Родительский блок.
Лучше делать кнопкой?
Картинка + текст
вертикально
контейнер: Картина + контейнер: Текст + контейнер: иконка + телефон
Контакты для обращений по внеплановым отключениям ГВС
Филиал «Берёзовская ГРЭС» ПАО «Юнипро»
Картинка + текст (меню)
горизонтально
контейнер: Картина + Текст (меню)
При уменьшении экрана до 720 рх - картинка и меню становятся вертикально по ширине страницы.
Контейнер сборный
Поиск участкового по адресу
МВД Российской Федерации
Отчеты участковых уполномоченных
МВД Российской Федерации
Поиск участкового по адресу
МВД России
 |
мвд.рф/district |
Отчёты участковых уполномоченных
МВД России
|
мвд.рф/district |