Город Шарыпово Красноярского края
Городской округ город Шарыпово Красноярского края.

Демо-страница

Иконки, символы ASCII

Иконки для вставки в Новости, например

                                                                                                                            

                   

Пример ниже ♥ Номера телефонов - Заголовок 2, иконка - размер 36, вертикальное выравнивание ячеек - по базовой линии

101

102

flaticon.com/ru — бесплатные иконки и стикеры + раздел Анимированных иконок
svgrepo.com — Open-licensed SVG Vector and Icons
icons8.com — free icons + раздел Анимированных иконок


Символы ASCII для всавки в текст (Эмоджи Юникода как в соцсетях — не отображаются): 

◄ ▼ ▲ ► ♥ ❮ ❯ ® © § ≡ ± ⊕ ℃ — ■ ░ ▒ ▓ ☂ ★ ☉ ☎ ✆ ☑ ☛ ☚ ☠ ☢ ☦ ☪ ✡ ☭ ☮ ☯ ☺ ☼ ♀ ♂ ♔ ♛ ♫ ♱ ⚑ ⚤ ⚥ ✂ ✈ ✒ ✔ ✕ ✱ ❄

Таблицы

Примеры таблиц: 

На разные случаи ❯ Масштабируемость

❯ ПАО «Юнипро» | Цвет границ таблицы | <table border="2" bordercolor="#FFFFFF" cellpadding="7">

САЛАТОВЫЙ вариант | Раскрыть любую таблицу из раздела Итоги благоустройства...

СЕРЫЙ вариант  | Закупки

❯ Место - почта - дата - файл | Публичные слушания

МСП - сайт, телефон | Узнать о доступных мерах поддержки для предпринимателей

Налоговая | сайт, телефон

❯ Налоговая Шарыпово | Адрес, расписание, телефон | Без заливки

❯ Акуцион | Минимальные данные + Извещение и Приказ ❯ Или так

Проект РЕШЕНИЯ | Публичные слушания и общественные обсуждения

Проект ПОСТАНОВЛЕНИЯ | Общественные обсуждения НПА

❯ Кино (расписание киносеансов) ❯ Кино 2 даты

❯ Проект прогноза на 2022-2036 годы

Расписание автобусов. Два цвета: Бежевый и Голубой

Отключение ЭЭ | где, время

Отключение холодной воды | улица - время (ширина 130)

Таблица с реквизитами для платежа

ПОЛУЧАТЕЛЬ:
Наименование АО «Сбербанк-АСТ»
ИНН 7707308480
КПП 770401001
Расчетный счет 40702810300020038047
БАНК ПОЛУЧАТЕЛЯ:
Наименование банка ПАО «СБЕРБАНК РОССИИ» Г. МОСКВА
БИК 044525225
Корреспондентский счет 30101810400000000225
Назначение платежа задаток для участия в аукционе в электронной форме «Без НДС» либо «НДС не облагается»

Выделение важной информации внутри текстового блока
Через таблицы

Для справки
Здесь какая-то важная информация, которую хотим выделить, чтобы никак не смогли пропустить.

Для справки пишем Заголовком 6. Далее вставляем Таблицу 1х2 шириной 90% (внутренний отступ 2). 1 колонка (левая граница) залита #c9c9b5. 2 колонка залита #f8f8ec. Во 2-й колонке вставлена таблица 1х1 с внутренним отступом 7 и написан текст.

Варианты заливки строк таблицы
Три цветовые схемы

Заголовок #e5e5ca
Белый фон строки
#f8f8ec #eeeede
Чередование
Чередование
#c9c9b5 #9c9c81
Ссылка #535132
Посещённая #82805c
Заголовок #d5e5c5
Белый фон строки
#edf5e9 #e2ecdc
Чередование
Чередование
#adc197 #879f7f
 Ссылка #475542
Посещённая #5b6d55
Заголовок #aec6e7
Белый фон строки
#e5effd #d0e0f6
Чередование
Чередование
#7494c3 #486b9c
Ссылка по умолчанию
Посещённая - по умолчанию

Цветные таблицы вставлены в таблицу из 5 колонок: бежевая - пустая - салатовая - пустая - голубая.
Размер границ 0, внешний отступ ячеек 0, внутренний отступ ячеек 7.

Серый Тёплый #f4f4f0 Серый Холодный #f1f4f5 Серый Чистый #f5f5f5 #e5e5e5 #d2d2d2 ❮ #6b6b6b

Заголовки

▲ Цвет рамки вверху rgba(0, 0, 0, 0.2), слева - красным, толщиной 4. В настройках Заголовка задаём: Тег заголовка: Абзац и в настройках Свойства текста - настраиваем Текст как Заголовок 2 (размер 24рх и вес 800) и внутренний отступ внизу 7. Это чтобы отступы Заголовка 2 по умолчанию поменять.

В заголовке оформление особо не сделать, поэтому, если не нужно делать якорей для перехода на него, лучше оформить в отдельном Текстовом блоке. В свойствах текста задаём параметры от Заголовка 2: размер 24рх и вес 800. Вставляем таблицу 1х3 без границ и отступов. Левую ячеку заливаем красным, вторая ячейка - задаём ширину 5рх, в третьей ячейке пишем текст.

Заголовок

Но это не сделать, например, в Новостях. Там можем вставить таблицу, но свойства текста поменять не можем.

Выделение важной информации
отдельный Текстовый блок

Заливка фона цветом #f8f8ec и Рамка слева 4 цветом #c9c9b5. Внутренний отступ - 10.

Отчёты по годам

В общем Контейнере (конт: Документы - Колонки) вложено 3 контейнера (конт: Папка + Аккордеон). 
Общий контейнер: компоновка Flex, по горизонтпли с переносом строк. Чтобы при уменьшении экрана блоки становились друг под другом.

Для копирования выбираем любой текстовый блок и вставляем перед крайним левым. Потом просто редактируем текст.

2024 год

1 квартал


2 квартал


3 квартал


4 квартал

2023 год

1 квартал


2 квартал


3 квартал


4 квартал

ИТОГ

Меню. Варианты оформления


Меню текстовым блоком. Таблицы. Здесь 2 текстовых блока с таблицами, которые помещены в Контейнер, где компоновка использована Flex. При уменьшении размера экрана блоки встанут по вертикали.

Аккордеон

Вопрос — ответ

Вопрос

Открываются ВСЕ вопросы данной рубрики ОТВЕЧАЕМ. Поэтому, если делать рубрики по годам, то делать всего 1 вопрос (это будет подзаголовок) и ответ (этот текст).

Для иконки можно выбрать файл, но только с компа. Из картинок на сайте не даёт выбирать.

Вопрос 2

Фотографии

В блоке ФОТОГРАФИИ выбираем настройку шаблона -> Несколько изображений.

В свойствах выбираем:

  • Показывать большую картинку при клике (Lightbox)
  • Выводить подпись под изображением

Почётные граждане

 1986  

Цвет поменять на Салатовый (или Бежевый). Здесь, при нажатии на ФИО будет переход на страницу с описанем. Там глюк (на август 2024 года): при нажатии на ENTER (след.абзац) получаются колонки для каждого абзаца. Слево направо столбиками. Для обхода глюка вместо абзаца писал </br>. Это символ разрыва строки в HTML.

Леонид Фёдорович Адашкин.
Год рождения: 1950
Дата присвоения звания: 02.08.2000
За заслуги, проявленные в создании Канско-Ачинского топливно-энергетического комплекса

Леонид Фёдорович Адашкин родился 14 января 1950 года в селе Большие Ключи Рыбинского района Красноярского края. Трудовой путь начал в 1970 году сварщиком в г. Бородино. Работал директором спортивной школы, руководителем передвижной механизированной колоны.

Оформление списка текстовых блоков

Для чередования цветов. Первый текстовый блок. Внутренний отступ 10, нижняя рамка #c9c9b5.

Второй текстовый блок. Заливка #f8f8ec. Внутренний отступ - 10, рамка внизу #c9c9b5, внешний отступ внизу (для последнего блока в списке) - 20.

Иконки в блоке Организации

Можно поменять цвет иконок. В настройках меняем: Цвет элементов — Фирменный цвет
Поликлиника №1 (Взрослая)

8 (39153) 61-1-55 (доб. 255)

office@sharcrb.ru

г.Шарыпово, Больничный городок, корп. 1

https://shargb.ru

График работы

понедельник-пятница: 7:30 — 18:00, суббота: 9:00 — 14:00

Руководитель

Ильященко М.Ю. Заместитель главного врача по АПР

Блок Новостей

На странице делаем слайдером в 2 новости. При уменьшении экрана - остаётся 1 новость на странице и буллеты (точки) для листания.
+ ссылка на странцу со всеми Новостями по теме. Делаем выборку по фильтру - Категории ОМСУ. В данном примере переход на новости по теме ЖКХ. 
/dlya-zhiteley/novosti-i-reportazhi/?filter[46][Category]=1

19 сентября 2024, 06:15

Блок Документы

Оформляем в виде слайдера. Если делать постранично, то при нажатии на следующую страницу обновляется вся страница и происходит переход в начало страницы. В данном случае выбрано: Свойства объектов - Категория документов - Имущество, жилье, земля. Все документы раздела - 8 (/ofitsialno/dokumenty/?document_search=&document_category=8)

Блок События

Слайдер в одно событие. Ссылка на странцу со всеми Событиями по теме. В данном примере переход на События по теме Градостроительство. 
/dlya-zhiteley/kalendar-sobytiy/?filter[72][Name]=&filter[72][Category]=14

Проект планировки и проект межевания территории 9-го микрорайона г. Шарыпово.

Проект планировки и проект межевания территории 9-го микрорайона г. Шарыпово

Красноярский край, Городской округ город Шарыпово, город Шарыпово, пл. Революции, 13
Публичные слушания по проекту решения
24 января
20 февраля
Обсуждение проекта нормативов градостроительного проектирования Городского округа города Шарыпово.

Обсуждение проекта нормативов градостроительного проектирования Городского округа города Шарыпово

662314: Красноярский край, город Шарыпово, ул. Горького, д. 14а
Проект нормативов градостроительного проектирования Городского округа города Шарыпово для общественного обсуждения
05 июля 2024
05 сентября 2024
Публичные слушания.

Публичные слушания

г.Шарыпово, ул.Горького, 14а
по проекту схемы теплоснабжения городского округа города Шарыпово на период до 2038 года (актуализация на 2025 год)
25 мая 2024 суббота, 11:00
Проект ремонта памятника в Дубинино вынесли на общественное обсуждение.

Проект ремонта памятника в Дубинино вынесли на общественное обсуждение

поселок Дубинино, улица Комсомольская, 28 а
До 16 мая жители города, и в особенности жители поселка Дубинино, могут высказать свое мнение — поддерживают ли они проект ремонта мемориального комплекса, посвященного Победе в Великой…
16 мая 2024 четверг, 16:00
Размещение гаражей для собственных нужд.

Размещение гаражей для собственных нужд

662314, Красноярский край, город Шарыпово, пл. Революции, 13.
Назначить и провести публичные слушания 26.04.2024г. в 17.00 по проектам решений о предоставлении разрешения на условно разрешенный вид использования «размещение гаражей для собственных…
26 апреля 2024 пятница, 17:00
Опрос: Нужно ли перенести Доску Почета Почетных граждан города Шарыпово в центр города?.

Опрос: Нужно ли перенести Доску Почета Почетных граждан города Шарыпово в центр города?

662314, г. Шарыпово, ул. Горького, 14 "а"
На краевом портале «Активный гражданин» жителей города приглашают ответить на вопрос: «Нужно ли перенести Доску Почета Почетных граждан города Шарыпово в центр города?». Опрос…
17-30 июля 2023
Всероссийское голосование по выбору объектов для благоустройства.

Всероссийское голосование по выбору объектов для благоустройства

Город Шарыпово
Жители Красноярского края, в том числе и города Шарыпово,  с 15 апреля по 31 мая выбирают объекты, которые будут благоустроены в 2024 году. Принять участие во Всероссийском…
15 апреля 2023
31 мая 2023

Статистика

Размер иконок - Заголовок 1.
Цвет элементов:
Фирменный цвет - #82805c
Основной цвет - #535132

Иконка + текст

Комиссия

Иконка + Текст - это контейнер с Текстовыми блоками. Иконка вставлена в таблицу с отступами без рамок 10, вертикальное выравнивание в ячейке - посередине. 
Правая часть состоит из 2-х текстовых блоков. В верхнем блоке (Комиссия) текст вписан тоже в таблицу без рамок с отступами 10, вертикальное выравнивание в ячейке - посередине, чтобы иконка и этот текст были на одном уровне. Параметры текста в этом блоке заданы как в заголове 6. Рамка слева, размер 2, цвет #c9c9b5.
В нижней части текста - просто рамка слева + внутренний отступ 10 + 10 (которые есть в таблице верхнего Текстового блока). Или можно было этот текст тоже поместить в таблицу с отступами 10, но тогда бы добавился отступ сверху.

ПОСТАНОВЛЕНИЕ № 192 от 10.07.2023
Здесь самый подходящий фон - чистый Серый. С учётом цвета ссылок. Два разных варианта для скачивания ( ▲Название и Иконка ▼)

ПОСТАНОВЛЕНИЕ № 243 от 02.08.2022   

Ниже расположена кнопка с переходо в начало страницы. Можно делать переходы на любой Блок Заголовок

СХЕМА ТЕПЛОСНАБЖЕНИЯ

Слева использован блок Иконка и, поэтому, иконку можно выбирать. Внутренний отступ сверху 17.
Здесь (тектовый блок) использован Заголовок 6 и добавлен этот текст. Рамка слева 2, #c9c9b5

Баннер - кнопка

В контейнере: блок Картинка и блок Ссылка
Изображение открытые данные.

Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Это позволяет нам анализировать взаимодействие посетителей с сайтом и делать его лучше. Продолжая пользоваться сайтом, вы соглашаетесь с использованием файлов cookie