Списки с фотографиями
Если у вас есть необходимость добавить список сотрудников с использованием фотографий, как галлерею, по аналогии, как представлена страница "Ректорат" на главном сайте ПГУ, вам необходимо в HTML-код внести несколько правок в редакторе на редактируемой странице. Это довольно не просто, если вы не поймете принцип добавления этого HTML-кода и вы его не знаете. Преимущество этого примера, над построением таблицы и в нее добавлением фото в том, что это пример настроен под разрешения мобильных устройств и персональных компьютеров, то есть дизайн этих элементов адаптивный.
Пример отображения форматирования, Ректорат ПГУ на 05.09.2018:
Для создания подобного списка сотрудников необходимо:
1. В HTML-коде, добавить главный блок div c двумя классами "fontsize0 textcenter".
2. Добавить фотографии на сервер (на ваш сайт).
3. Добавить код фотографий, фамилий и ссылки на них.
4. При необходимости, вставлять в код между фотографиями разделитель в виде div'a с классом "clear" (если нужно перейти от 2 фото, к 3. Как пример).
Пример кода:
Дата обновления: 22.10.2024 13:46