Текст картинкой

перейти в Маркетплейс

60 установок

Главная Битрикс модули Текст картинкой Инструкции по использованию

Инструкции по использованию


Для замены текста на картинку с этим текстом, необходимо обрамить этот текст тегом <!--[bxmod:textimg]-->

К примеру, у вас на сайте есть такой блок:

<div>
    +7 999 999-99-99
</div>

Для замены номера телефона на картинку с этим номером достаточно обрамить его следующим образом:

<div>
    <!--[bxmod:textimg]-->+7 999 999-99-99<!--[/bxmod:textimg]-->
</div>

Если вам необходимо заменить картинкой несколько строк кода, то разделите текст на строки тегом <br>. На картинку текст выведется несколькими строками.

<div>
    <!--[bxmod:textimg]-->+7 888 888-88-88<br>+7 999 999-99-99<!--[/bxmod:textimg]-->
</div>

Самый простой способ придать картинкам нужный вид - это установить необходимые параметры в настройках модуля.

Если же вам необходимо отобразить картинку с настройками, отличными от настроек модуля, то в теге обрамления укажите необходимые параметры.

В примере ниже, в параметрах явно указаны цвет фона и цвет текста. А все возможные параметры описаны в таблице ниже.

<div>
    <!--[bxmod:textimg?bgColor=000&textColor=ffffff]-->+7 999 999-99-99<!--[/bxmod:textimg]-->
</div>

Параметры, принимаемые модулем:

Параметр Значение
по умолчанию
Описание
imgWidth auto Укажите ширину картинки в пикселях. Либо, укажите значение «auto» для автоматического расчета ширины картинки.
imgHeight auto Укажите высоту картинки в пикселях. Либо, укажите значение «auto» для автоматического расчета высоты картинки.
bgColor FFFFFF Укажите цвет фона картинки в HEX формате. Напр., FF0000 - красный, 00FF00 - зеленый и т.п.
textColor 000000 Укажите цвет текста на картинке в HEX формате. Напр., FF0000 - красный, 00FF00 - зеленый и т.п.
textAlign center Укажите выравнивание текста по горизонтали. Возможные значения: left, center, right.
textVAlign center Укажите выравнивание текста по вертикали. Возможные значения: top, center, bottom.
textAngle 0 Укажите угол, на который будет повернут блок с текстом (от 0 до 360).
textLineHeight 3 Укажите межстрочный интервал в пикселях.
fontFile /bitrix/modules/bxmod.textimg/fonts/verdana.ttf Укажите файл шрифта относительно корневой папки сайта. Файл шрифта должен быть в формате TTF.
fontSize 11 Укажите размер шрифта на картинке.
imgAlt - При необходимости укажите текст, который будет отображаться вместо картинки, если она еще не подгрузилась пользователю (атрибут alt тега img)

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

Перейти в Маркетплейс

Бесплатно в Маркетплейсе!

Теперь модуль полностью бесплатен и доступен для установки!

Вам пригодится


Вход по email/телефону
Забыли пароль?
Восстановление пароля
Вы не робот?
поменять
картинку
Введите свой адрес электронной почты или номер телефона, указанный при регистрации. Затем нажмите кнопку "Восстановить".
отмена
Подтверждение номера телефона
Мы отправили на ваш номер телефона СМС с кодом подтверждения. Пожалуйста, введите данный код в поле ниже и нажмите кнопку «Подтвердить»
Восстановление пароля
На ваш адрес электронной почты мы выслали код подтверждения, введите этот код в поле ниже, введите новый пароль, его подтверждение и нажмите кнопку «Установить пароль». Код подтверждения действителен в течение 10 мин.
На ваш номер телефона мы отправили SMS с кодом подтверждения, введите этот код в поле ниже, введите новый пароль, его подтверждение и нажмите кнопку «Установить пароль». Код подтверждения действителен в течение 10 мин.
отмена
Регистрация успешно завершена!

Данная страница будет
обновлена через 5 сек.

обновить страницу

Авторизация прошла успешно!

Данная страница будет
обновлена через 5 сек.

обновить страницу

Пароль успешно изменен!

Данная страница будет
обновлена через 5 сек.

обновить страницу

Неизвестная ошибка!

Произошла неизвестная ошибка.
Обновите страницу и попробуйте заново!

обновить страницу

Вход через соц.сервисы
войдите через один из сервисов