April 7, 2020

[Урок 12] Создаём сайт на стандартных блоках (5 часть)

Всем доброго утра. Пора продолжать собирать наш сайт ресторана, который мы делаем на стандартных блоках tilda. Меню, главный блок и отдел "О нас" уже готов.

Сейчас мы сделаем блок с мероприятиями. Посмотрим настройки, заполним контентом и опубликуем. Приступаем!)

Ищем блок расписания

Переходим ко всем блокам и ищем раздел "Расписание".

Мне больше всего нравится блок ТВ301 - Карточки в три колонки. Я возьму его. Устанавливаем на страницу.

Основные настройки

ВЫРАВНИВАНИЕ ЗАГОЛОВОЧНОЙ СЕКЦИИ БЛОКА - выравнивание заголовка : по центру/ по левому краю/по правому краю. Оставим по центру.

ЦВЕТ ФОНА КАРТОЧЕК - цвет карточек программы мероприятия. Нажатием на квадрат можем выбрать любой свет, но я оставлю белый. Посмотрите примеры как это будет выглядеть, если мы поменяем цвет на другой :

Согласитесь, этот цвет сюда не идет. Оставляем белый.

РАДИУС СКРУГЛЕНИЯ УГЛОВ - скругление углов карточек. Измеряется в пикселях, давайте сделаем 15px.

ТИПОГРАФИКА - настройки типографики здесь точно такие же, как и в любом другом блоке : выбор шрифта, размеры шрифтов, цвет, спейсинг итд. Я не буду повторяться и разбирать этот параметр настроек. Его разбор вы можете найти, перечитав любую другую статью из серии создания сайта на стандартных блоков.

АНИМАЦИЯ - параметр так же разбирали. Я установил эффект прозрачности на все элементы блока.

СТИЛЬ КНОПКИ - по умолчанию у блока нет кнопки, но её можно установить в параметрах контента. Здесь мы можем настроить визуальные параметры кнопки : цвет, размер и так далее. Ничего нового здесь так же нет.

ЦВЕТ ФОНА БЛОКА - оставлю серым, но вы можете изменить на любой нужный цвет.

Закрываем и сохраняем.

Настройки контента

ШАПКА БЛОКА - Заголовок и описание. Много объяснять не нужно, заполняем так, как вы считаете нужным.

СЕКЦИИ - настройки всех карточек. Здесь настроек немного, но придётся включить фантазию. Кстати, карточек тут много, я удалю лишние и оставлю только 3.

Ввёл рандомный выдуманный текст. Надеюсь Саша Петров не обидится.

Заполняем остальные карточки по аналогии.

КНОПКА - для тех, кому она всё таки нужна.

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

Закрываем, сохраняем, публикуем сайт и смотрим результат.

У нас получился приятный блок с расписанием мероприятий. На этом всё, ждите новых уроков и не забывайте импровизировать!) Всем больших успехов.