css коды для геткурс

Вставка

В разделе «Вставка» есть следующие элементы:

Обратите внимание: проверять работу сторонних скриптов всегда рекомендуется на отдельной, тестовой странице.

Подробнее об основах CSS для GetCourse — в следующей статье.

В настройках страницы есть возможность удалить блок с добавленным сторонним кодом, если он нарушил работу страницы.

С помощью элемента «Другая страница» можно вставить в выбранное место любую другую страницу. При просмотре она будет отображаться целиком.

С помощью блока «Несколько вложенных страниц» можно вставить в выбранное место несколько страниц.

В настройках вы можете указать фильтр по тегам страниц для вставки:

Вы можете включить функцию «Автоматически дополнять фильтр тегами с просматриваемой страницы». Это позволит к фильтру тегов, добавить теги, указанные у страницы, на которой добавлен блок «Несколько вложенных страниц»:

Настройка «Использование тегов из фильтров» позволяет выбрать:

Также вы можете указать выбор страниц только в конкретной папке:

Далее необходимо указать количество мест для вывода. Блок ищет страницы по параметрам и выводит столько страниц, сколько указано мест:

В поле «Сортировка» выберите способ по которому будут выводиться страницы:

С помощью блока «Несколько вложенных страниц» вы можете создать на вашей странице блок с баннерами, которые в случайном порядке будут отображаться на странице каждый раз, когда пользователь заходит на нее.

Для этого необходимо создать папку с нескольким страницами. Каждая страница будет являться баннером.

В разделе «Страницы» добавьте папку и создайте в ней страницы, на которых будут расположены баннеры.

Затем добавьте блок «Несколько вложенных страниц» на нужную страницу, выберите папку, укажите 1 место и сортировку в случайном порядке:

Когда пользователь зайдет на страницу, будет отображаться одна случайная страница из папки. При повторном посещении страницы будет показана другая случайная страница и так далее:

Источник

Несколько полезных приемов СSS для блоков конструктора страниц

В этой статье рассмотрим несколько простых приемов использования CSS в стандартных блоках конструктора страниц Getcourse.

Код из примеров достаточно просто скопировать и вставить в редактор стилей.

I. Заголовки

1. Меняем размер шрифта.

Бывают случаи, когда стандартные размеры шрифтов заголовков не подходят. Это легко исправить.

В примере выбран стандартный заголовок размером – 52.

2. Меняем толщину шрифта.

3. Меняем расстояние между символами.

4. Выделить слово

a) Можно через стандартный тег mark

б) Или с использованием класса.

Для этого в редакторе текста переходим в режим HTML и оборачиваем нужное слово или фразу в тег c классом “marked”

Удобный ресурс для генерации тени https://tamali.net/instrument/html-css/css-box-shadow/

Такое выделение можно использовать для любого текста, не только в заголовках.

5. Подчеркнуть слово

Для этого в редакторе текста переходим в режим HTML и оборачиваем нужное слово или фразу в тег c классом “underlined”

Такое подчеркивание можно использовать для любого текста, не только в заголовках.

6. Пометить заголовок слева

II. Текстовые блоки

1. Пометить блок с текстом слева

2. Скругляем углы

Задаем в настройках свойства для границы блока и дописываем в стили для скругления нужных углов.

3. Эффект при наведении

Задаем в настройках свойства для границы блока и фона блока, дописываем в стили эффекты при наведении.

4. Несколько разделенных текстовых блоков с общей обложкой

5. Разделитель в тексте

Можно интересно использовать стандартный разделитель

6. Задать свой цвет и размер галочке в списке (или поменять символ)

Или можно легко поменять символ списка на другой.

Символ можно выбрать на сайте https://unicode-table.com/

В строке поиска вводим искомый символ. Например “Роза” и копируем код css.

III. Кнопки и формы

1. Выделение кнопки при наведении.

Размер, скругление углов, цвет текста задается в стандартных настройках кнопки.

В стилях прописываем цвет границы (= цвету текста).

2. Скругление полей формы. Толщина и цвет границы.

3. Форма с 2 предложениями.

Хотите стать крутым специалистом по Геткурс? Ждём вас на нашем онлайн-курсе “Укротитель Геткурс”.

Источник