Редактирование свойств таблицы через редактор сайта Ural-CMS
После создание или размещения таблицы в редакторе сайта у вас появится возможность произвести редактирование параметров отображения таблицы на сайте.
В редакторе сайта предусмотрено несколько вариантов оформления таблицы, которые прописываются как классы. Изменение данного параметра можно произвести следующим образом:
- Разместить курсор в одной из ячеек ранее созданной таблицы
- Выбрать на панели инструментов функцию «Вставить новую таблицу»
Старая версия визуального редактора:
Актуальная версия визуального редактора:
- В всплывающем окне, в строке «Класс» выбрать из выпадающего списка нужный параметр.
Старая версия визуального редактора:
Актуальная версия визуального редактора:
- Далее прописать один из заготовленных классов:
black10 - таблица с чёрной рамкой с отступом 10 пикселей
black5 - таблица с чёрной рамкой с отступом 5 пикселей
darkgrey10 - таблица с тёмно-серой рамкой с отступом 10 пикселей
darkgrey5 - таблица с тёмно-серой рамкой с отступом 5 пикселей
grey10 - таблица с серой рамкой с отступом 10 пикселей
grey5 - таблица с серой рамкой с отступом 5 пикселей
white10 - таблица с белой рамкой с отступом 10 пикселей
white5 - таблица с белой рамкой с отступом 5 пикселей
Примеры отображения таблиц с заготовленными классами:
black10 - таблица с чёрной рамкой с отступом 10 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
black5 - таблица с чёрной рамкой с отступом 5 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
darkgrey10 - таблица с тёмно-серой рамкой с отступом 10 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
darkgrey5 - таблица с тёмно-серой рамкой с отступом 5 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
grey10 - таблица с серой рамкой с отступом 10 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
grey5 - таблица с серой рамкой с отступом 5 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
white10 - таблица с белой рамкой с отступом 10 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
white5 - таблица с белой рамкой с отступом 5 пикселей
| ФИО | Пол | Город | Адрес |
|---|---|---|---|
| Петров Петя | мужской | Караганда | ул.Никакая, 123 |
| Петрова Полина | женский | Карпинск | ул.Московская, 56 |
После внесения одного из классов нажмите на кнопку «Обновить».
Примечание: после внесения класса вы не заметите изменений у таблицы в редакторе сайте, но просмотреть правильно ли вы все указали можно следующим образом - кликнуть по кнопке «Применить» (находится после визуального редактора), тем самым сохранив страницу, далее перейти на сайт и обновить редактируемую страницу (ctrl+f5, либо ctrl+R, в зависимости от браузера).