В предыдущих уроках я рассказала о том, как установить и настроить на сайте модуль слайд-новостей. Если вы уже поставили Модуль Bt Content Slider на своем сайте, то наверняка успели заметить, что стили модуля заметно отличаются от дизайна сайта. В редких исключениях модуль гармонично вписывается в стили сайта, в основном бывает наоборот. К сожалению, в настройках самого модуля нет возможности изменять стили, поэтому я расскажу сегодня, как можно решить эту проблему и самостоятельно. Нужно будет внести некоторые изменения в файле стилей, для этого понадобится доступ к серверу.
При помощи файлового менеджера пройдите по следующему пути на удаленном сервере: вашсайт/modules/mod_bt_contentslider/tmpl/css. Нам понадобится файл btcontentslider.css. Скачайте его и откройте с помощью блокнота:
В этом файле мы и будем вносить необходимые изменения.
Итак, для того, чтобы изменить цвет шрифта, нужно найти код цвета, который изменить (кстати, по умолчанию в модуле цвет заголовков имеет вот этот код цвета: D67900) и на который его заменять. Это можно сделать с помощью пипетка любого графического редактора или же проще, с помощью браузера. Например, в Google Chrome это делается вот таким образом: выделяем необходимый фрагмент, кликаем по нему правой кнопочкой мышки и выбираем в открывшемся окне "Просмотреть код":
В браузере Firefox все делается точно также, только выбрать нужно будет "Исследовать элемент".
Нам откроется вся необходимая информация, в которой нужно будет скопировать цвет текста и другие данные:
Теперь нужно вернуться к файлу btcontentslider.css и найти скопированный код. Это делается через поиск по файлу - Правка (кликаем левой кнопкой) - Найти - вставляем скопированный код - Найти далее:
Поиск выделит нужное, заменяем на свой код, затем еще раз нажимаем "Найти далее". После того, как увидите сообщение "Не удается найти", сохраните файл и загрузите с заменой на сервер. Затем обновите страницу сайта и проверьте изменения.
Всё готово! Таким образом можно изменить полностью весь стиль модуля и привести его к полному соответствию с дизайном сайта.
Значения кодов
Для того, чтобы изменить регистр символов, используйте следующие значения:
- capitalize - Первый символ каждого слова в предложении будет заглавным. Остальные символы свой вид не меняют.
- lowercase - Все символы текста становятся строчными (нижний регистр).
- uppercase - Все символы текста становятся прописными (верхний регистр).
- none - Не меняет регистр символов.
Жирность текста обозначается так:
- normal - нормальный
- bold - полужирный
- bolder - жирный.
Ну вот в принципе, и все настройки. Думаю, ничего сложного в изменении стилей нет и вы легко справитесь. Но, в любом случае, спешу напомнить, что любые вопросы относительно любого урока можно задать на форуме поддержки. Пишите, спрашивайте, комментируйте. В общем, жду от вас обратной связи и желаю успехов!
