Редактор стилей

Материал из MstarProject Manual
Перейти к: навигация, поиск

Данный функционал позволяет производить редактирование стилей страниц сайта. С помощью этого функционала можно редактировать значения параметров из css-файлов, с помощью чего можно поменять цвета, размеры блоков, шрифтов, картинок и т.д. Для работы с данным функционалом в мпанели в разделе Настройки->Основные настройки находим константу "Файл main_exceptions" и нажать на "Редактировать" Screen style1.png


Приведём описание пример того как работает данный функционал на основе замены цвета футера(подвала) сайта с цвета #24272E на цвет #9C0A0D Ниже представлен стандартный футер нашего сайта и мы решили изменить основной цвет заливки футера, для этого в браузере Chrome мы переходим в панель разработчика (нужно нажать на F12 или же использовать комбинацию Ctrl+Shift+I) находим в html-разметке название класса ответственного за заливку основного блока футера(на картинке ниже выделено красным блоком под номером 1) затем справа находим параметр из свойств стилей(css) отвечающий за раскраску блока футера(на картинке ниже выделено красным блоком под номером 2) Screen style2.png

Запоминаем класс и свойство параметра которые нужно заменить и переходим в мпанель в константу "Файл main_exceptions" и прописываем его(выделено красным блоком на картинке ниже) и сохраняем.

Screen style3.png

Далее переходим на главную(в данном случае, в вашем случае это может быть страница на которой вы производите изменения) страницу сайта и нажимаем Ctrl+F5 (принудительное обновление страницы в браузере) и смотрим на результат - цвет заливки футера сайта изменился, также можно обратить внимание на изменения произошедшие в свойствах и параметрах стилей(выделено красным блоком на картинке ниже) Screen style4.png