Joomla – Использование стилей для форматированния текста в редакторе

Для форматированние текста на ВЕБ страницах (цвет, тип и размер шрифта, расстояние между строками, словами и даже буквами) задается при помощи “маркировки”, т.е. добавления невидимой информации, которая используется при изображении страницы.
Ввести эту информацию можно вручню, но это слишком сложно и медленно, поэтому это сделано в редакторах текста при помощи меню или икнок, как например – В (bold) I (italic) и т.д. Отдель можно задать цвет и размер букв.
Обычно для каждого сайта, как и для каждого текста, существует свой стиль, который желательно использовать на всех страницах. Это относится к обычному тексту, к заголовкам, к выделению цветом и более жирным шрифтом, к оформлению ссылок на другие страницы. Создается таблица стилей, которыми сравнительно легко пользоваться.
Например:

 При нажатии на стрелку вниз у поля Styles появляется перечень заданных стилей. Чтоб использовать данный стиль надо просто выделить слова в тексте (или весь текст) и затем выбрать из перечень стиль и все!

 В показаном выше примере выделено слово Владимировская стилем blue_bold.

Короткое описание стилей
link3 {color: #6E3557;text-decoration:underline;background:#FFFFFF;}
Используется для выделения линков. Цвет: коричневый, подчеркнутый

textsmall {font-size:8pt;font-family:Arial;}
Мелкий шрифт.


text   {
  font-style: normal;
  font-family: Tahoma;
  font-size: 9pt;
  line-height: 11.25pt;
  color: #333333;
  }
“Главный” шрифт. Размер: 9, цвет: темно-серый

text_just {
  font-style: normal;
  font-family: Tahoma;
  font-size: 9pt;
  line-height: 11.25pt;
  color: #333333;
  text-align: justify;
}
Как шрифт описанный выше, но с двухсторонним выравниванем текста.


Цветные шрифты

green     { color: #0033CC;  }
Зеленый

blue      { color: #0033CC;  }
blue_bold { color: #0033CC; font-weight: bold; }
Светло-синий, нормальный и жирный

black_bold_10pt  { font-weight: bold; font-size: 10pt; }
Черный, жирный, крупнее обычного текста

red       { color: #FF0000 }
red_bold  { color: #FF0000; font-weight: bold; }
red_bold_10pt  { color: #FF0000; font-weight: bold; font-size:10pt; }
red_bold_16pt  { color: #FF0000; font-weight: bold; font-size:16pt; }
Красный, нормальный, жирный, крупнее обычного текста и крупный (для заголовков)


style_hd {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
Для заголовков: черный, крупный и расположен по центру страницы

 Дополнительная коррекция календаря

Автоматический “перевод” календаря в таблицу работает с нормальными сторками, начинающимися числом и днем недели. Но если в календаре есть строка просто с информаций, например:
Следующая седмица – сплошная (нет поста в среду и пятницу)
программа не сможет найти эту строку и добавит ее к предыдущей:

Что надо сделать в этом случае?
1) поставить курсор на следующую строку – перед цифрой 8 на примере выше
2) Вставить новую строку нажав на иконку указанную стрелкой
 
3) Новая строка будет выглядеть так:
 

4) Теперь надо соединить (merge) все столбцы. Пробежав курсором по строке нажав на левую кнопку мыши выделите все (или часть) клеток в строке.
5) Нажмите на икноку указанную стрелокй

 ВНИМАНИЕ! Эта операция работает только в FIREFOX!!!

6) После нажатия на иконку клетки соединились в одну. Надо скопировать лишний текст и вставить в пустую строку
 
7) Возможно в клетке, где был текст остались невидимые символы. Если поставить курсор в конце слова и нажимать на Delete можно эти символы убрать.

Теперь можно воспользоваться стилями для украшения текста.