Interpult Studio


Как и во всех наших виджетах, вы можете использовать CSS для создания собственного виджета Календаря Google, который подойдет к любому дизайну веб-сайта. Экран настройки нашего виджета Календаря Google позволяет создавать различные стили. Однако мы понимаем, что вам может потребоваться стиль вашего виджета, чтобы он больше соответствовал дизайну вашего сайта, поэтому с помощью CSS вы можете добиться практически любого стиля, который хотите.

Классы CSS в деталях

Вот классы и структура CSS для создания пользовательского виджета Календаря Google:


Инструкции по внедрению

1. Создайте файл CSS

Используйте ваш любимый текстовый редактор или программное обеспечение, чтобы подготовить файл CSS для вашего пользовательского виджета Календаря Google. Блокнот++ — отличный бесплатный редактор, который идеально подходит для создания файла CSS, но есть и другие, доступные в Интернете. Все, что вам нужно, это текстовый редактор, который не применяет никакого форматирования, такого как размер шрифта и т. д.

Базовый файл будет выглядеть примерно так, как в примере (см. ниже), и производить простую настройку, которую вы видите в примере ниже. Как видите, CSS разделен на три раздела; Контейнер, заголовок и содержимое. Мы прокомментировали их. Вы можете просто скопировать этот код в свой код/текстовый редактор и изменить содержимое, а затем сохранить как мое имя файла.css (или любое другое имя, которое вы хотите, но оно должно иметь расширение .css).

READ  Статус квалифицированного агентства Вконтакте – как и зачем — Маркетинг на vc.ru

2. Загрузите файл CSS для своего пользовательского виджета Календаря Google на свой веб-сервер.

Поместите файл CSS на локальный сервер или используйте такой сервис, как Dropbox, для хранения вашего CSS файл вне сайта. Скопируйте URL-адрес для использования на экране настройки Feedwind.

3. Введите URL-адрес CSS

Нажми на >Расширенные настройки ссылка в “Общий” на экране настройки. Введите URL-адрес пользовательского расположения CSS в поле URL-адрес пользовательского CSS. Новый дизайн будет отображаться в области предварительного просмотра.


Похожие сообщения



Source link

от admin