Как стилизовать ссылки онлайн документации?
Профессиональная программа для создания пользовательской документации Dr.Explain предлагает не только встроенные шаблоны, но и позволяет тонко настраивать дизайн вашего проекта. Мы уже рассказывали о том, как добавить в контент иконки из сторонних библиотек или как подключить в проект шрифты для работы с типографикой документа.
В этой статье мы рассмотрим случай, когда автору нужно стилизовать стандартные ссылки онлайн документации, чтобы они соответствовали эстетике справочной системы, выполненной в стилистике бренда.
За внешний вид ссылок в программе Dr.Explain отвечает тег span с классом de_2B94C39861.
По умолчанию этот класс имеет следующие стили CSS:
span.de_2B94C39861 {
color: #0000ff;
text-decoration: underline;
}
И выглядит на странице следующим образом:
Для изменения стиля ссылки, нужно открыть настройки проекта.
Чтобы открыть настройки проекта, используйте один из описанных ниже способов:
-
перейдите в меню Проект и выберите пункт Настройки проекта;
-
нажмите сочетание клавиш Ctrl+Alt+P.
на Откроется показанное ниже диалоговое окно.
Перейдите в меню HTML-экспорт и нажмите иконку 
блока Дополнительный CSS:
блока Дополнительный CSS:
Откроется показанное ниже диалоговое окно.
Пропишите в нем следующий код:
span.de_2B94C39861 {
color: grey;
text-decoration-style: dashed;
}
Нажмите OK, чтобы сохранить изменения и закрыть окно. Проверьте результат на вкладке Просмотр HTML. Ссылки пользовательской документации будут отображаться следующим образом:
Если требуется стилизовать только часть ссылок, создайте в описанном выше окне Редактирование CSS класс с соответствующими стилями. Затем добавьте HTML-код ссылки с этим классом на нужной вам странице. О там, как вставить HTML-код в пользовательскую документацию Dr.Explain можно узнать в предыдущих разделах нашей документации.
Этот инструмент дает готовое решение для тонкой настройки визуального представления гиперссылок, позволяя авторам интегрировать их в фирменный стиль документации, повышая удобство использования и восприятие материала.
Часто задаваемые вопросы
Как добавить контролы на скриншот вручную?
Это можно сделать с помощью инструмента Дизайнер аннотаций. Подробнее в разделе Как добавлять контролы на скриншоты вручную.
Можно ли использовать сторонний шрифт в проекте документации?
Можно. Подробнее об этом читайте в разделе Как использовать сторонний шрифт в онлайн документации.
Можно ли работать над одним проектом нескольким авторам, как в SaaS-сервисах?
Можно. О совместной разработке пользовательской документации с помощью облачной платформы читайте в разделе Работа с коллабораторами в Tiwri.com.
Можно ли создавать неограниченное количество вложенных разделов?
Можно.
Есть у вас короткие видео о том, как создавать руководства пользователя в программе Dr.Explain?
Серия видео уроков о создании пользовательских руководств есть на YouTube-канале Dr.Explain.
Есть ли в программе инструменты для настройки стиля аннотаций?
О том, как работать со стилями аннотаций в программе Dr.Explain, читайте в разделе Редактор шаблонов аннотаций.
Можно ли добавлять в руководство пользователя перекрестные ссылки?
Можно. Подробности в разделе Вставка перекрестных ссылок.