uk en pl it
Web Monarx
Категория Главная  

Как изменить шрифт в Joomla, поменять размер и стиль


2014-10-28 00:00:00

Достаточно часто приходится отказываться от подходящих удобных шаблонов исключительно по той лишь причине, что не подходит размер шрифта или цвет, стиль в заголовках, а также в основном тексте.

Шрифт в Joomla

Как правило, макет содержит шрифт, стоящий первым в списке. Соответственно, проставить свой шрифт к примеру, Ubuntu можно, только поставив его название первым. Кроме того, указывая свой шрифт перед Arial, вы добьетесь вызова по умолчанию желаемого Ubuntu, а затем уже будет отображаться Arial, Verdana либо sans-serif.

Лучше, если проставлено несколько вариантов, чтобы не потерять пользователя изза такой досадной чепухи. Заходите в Расширения/Менеджер шаблонов/Свой шаблон/Редактировать CSS, вписывая нужный шрифт в строчку font-family: 1шрифт, 2шрифт и т. д.
первый код

Размер

размер, изменениеЧтобы изменить размер шрифта заголовков, подзаголовков и самого текста, внутри административной панели Jooma вашего сайта потребуется изменить некоторые настройки. Подобная проблема может возникать, если по умолчанию используется визуальный редактор TinyMCE в "Общих настройках" в разделе "Сайт". По умолчанию в этом редакторе установлен размер шрифта 10 пикселей, однако решить проблему можно созданием пользовательских настроек размера шрифта с помощью CSS, после чего произвести настройку размеров шрифтов для использования в вашем редакторе.

В пункте Расширения выбираем подпункт Менеджер шаблонов и в нужном шаблоне выполняем редактирование стиля, отвечающего за изменение размера шрифтов.

Для создания файла CSS нужно воспользоваться текстовым блокнотом, чтобы получить следующую запись:

Body, td, pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.6em; }

В этом файле CSS я отобразил шрифт на 160% больше от первоначального показателя. Желаемый размер выбирается с использованием пикселей 13px, пойнтов 13pt, но для удобства лучше применять форму записи в процентах em, т. к. они подходят для всех браузеров. В дальнейшем, это поможет избежать проблем с отображением административной панели в предпросмотре разными браузерами.

Цвет шрифта

Цвет шрифта меняется аналогично размеру и типу шрифта. Единственно, в чем состоит разница, так это в выбранных параметрах. Цвет шрифта, равно как и фон сайта меняется внутри меню административной панели, в шаблоне JA_Purity. Находим в Расширениях/Менеджее шаблонов/Своем шаблоне/Редактировать CSS и вписываем нужный цвет например, blue в параметр Color цвет фона – в параметре Background #ffffff:

второй кодТребуемый цвет шрифта готов!

Стили CSS

Нередко новички Joomla! желают поменять спецоформление всех пунктов меню, чтобы улучшить конфигурацию дизайна сайта, в целом. Для этого понадобится корректировка CSS стилей меню внутри шаблона.

Отображение классов CSS, ответственных за оформление пунктов меню имеет следующий вид:

третий код




Похожие статьи

 Бесплатный обмен ссылками. Как правильно обмениваться ссылками
 AdvertStar - Отзывы. Перспективная CPA сеть с уникальными офферами
 Каким должен быть дизайн интернет-магазина: 8 примеров
 Субботние рассуждения: пассивность молодежи
 


Сайт является частным собранием материалов и представляет собой любительский информационно-образовательный ресурс. Вся информация получена из открытых источников. Администрация не претендует на авторство использованных материалов. Все права принадлежат их правообладателям