Списки с фотографиями

Если у вас есть необходимость добавить список сотрудников с использованием фотографий, как галлерею, по аналогии, как представлена страница "Ректорат" на главном сайте ПГУ, вам необходимо в HTML-код внести несколько правок в редакторе на редактируемой странице. Это довольно не просто, если вы не поймете принцип добавления этого HTML-кода и вы его не знаете. Преимущество этого примера, над построением таблицы и в нее добавлением фото в том, что это пример настроен под разрешения мобильных устройств и персональных компьютеров, то есть дизайн этих элементов адаптивный.

Пример отображения форматирования, Ректорат ПГУ на 05.09.2018:

Для создания подобного списка сотрудников необходимо:

1. В HTML-коде, добавить главный блок div c двумя классами "fontsize0 textcenter".

2. Добавить фотографии на сервер (на ваш сайт).

3. Добавить код фотографий, фамилий и ссылки на них.

4. При необходимости, вставлять в код между фотографиями разделитель в виде div'a с классом "clear" (если нужно перейти от 2 фото, к 3. Как пример).

 

 

Пример кода:

 


 

Совет ректоров

 

 
Дата создания: 05.09.2018 14:15
Дата обновления: 22.10.2024 13:46