Изменение стиля текста в JCE

Если в материале требуется задание нового стиля для страницы, то в этом поможет редактор JCE. Однако стоит помнить, что частое различие в стилях на страницах отвлекает внимание и не приветствуется посетителями. Поэтому, чтобы задать стиль для всего сайта используют файл стилей (о создании CSS-стилей описано здесь).

Для изменения стиля выбранного текста нажать на значек , после чего появится окно, состоящее из 7 вкладок: Text, Background, Block, Box, Border, List, Positioning.

Text. Здесь указываются параметры для текста, большинство из которых также можно задать в первой строке на панели редактора JCE. Основные отличия от панели:

• выбор размера текста в пикселях, % и т.д.
• варианты изменения жирности (Weight)
• установка меж строчного интервала (Line height)
• способы написания (Case)
• различная декорация текста (Decorate)

Background. В этой вкладке задаются стили для изменения фона отдельного абзаца или всего текста в целом. Возможности:

• заливка фона цветом или картинкой
• установка повтора картинки (полностью, гориз-X, верт.-Y)
• привязка - Attachment к экрану (fixed) и прокрутка (scroll)
• позиционирование по горизонтали (слева, справа, по-центру)
• позиционирование по вертикали (вверху, внизу, середина)

Block. Выравнивание текста, установка интервалов и т.п. Основными возможностями являются:

• установка расстояния между словами - Word spacing
• Letter spacing - расстояние между символами элемента
• выравнивание текста по верт. и гориз. - vertical и text align
• величина отступа первой строки задается в Text indent
• Whitespace - отображение пробелов, где nowrap - переносы игнорируются, pre - текст с учетом всех пробелов

Box. Здесь задаются настройки для блока текста, направленные на позиционирование. Подробнее:

• выбор ширины - Width и высоты - Height в различных мерах
• выравнивание блока Float слева или справа
• установка поля Padding вокруг элемента
• Отступ от краев элемента Margin
• если снять галочку - выбор отступа на каждую сторону

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

• сначала выбирается стиль Style границы
• дальше толщина Widht границы
• последнее выбирается цвет Color границы
• снимая галочку с Same for all, можно назначать параметры для каждой стороны границы отдельно

List. В этой вкладке назначаются параметры для нумерованного или ненумерованного списков:

• сперва выбирается тип Type обозначения списка (disc, circle, lower- roman и др.)
• если в Bullet image указать путь к картинке, то выбранное изображение будет обозначением списка
• в Position выбирается позиция списка относительно элемента

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

• тип Type позиционирования относительно элементов
• выбирается видимость Visibility элемента
• в Z-index определяется наложение друг на друга
• отображение блочного элемента Overflow, если выходит за пределы заданных параметров ширины Width и высоты Height
• В Placement указывается абсолютное положение блока
• в Clip указывается область элемента, в которой будет показываться содержимое. То что останется за областью - не видимо.

О функциях остальных значков панели JCE описано здесь.

You have no rights to post comments