СкинМашина
Зайдите на административную страницу вашего сайта. Нажмите ссылку «Изменить дизайн сайта». Автоматически загрузится редактор сайта и справа откроется окно скин-машины, где вверху написано «Скин-машина. Версия 2.0».
В конструкторе сайтов при создания сайта используется готовый шаблон сайта.
Если Вы хотите подредактировать дизайн сайта Вам нужно использовать инструмент редактора сайта - СКИН-МАШИНУ.
Для того, чтобы открыть окно СкинМашины непосредственно из редактора сайта нажмите на кнопку «Изменить дизайн» на верхней панели инструментов.
Скинмашина состоит из двух частей. Первая часть – это перечисление всех элементов сайта. Вторая часть – это набор полей для изменения этих элементов. Все элементы сайта разбиты в свою очередь на две части:
• оформление сайта – стандартные стили страницы, для которых прописаны их названия.
• нестандартные определения – стили, которые введены пользователем.
В основном для работы мы будем пользоваться элементами в оформлении сайта. Но иногда потребуется работать и с нестандартными определениями, особенно если они были указаны при создании варианта дизайна сайта. Помните о том, что нестандартные определения имеют больший приоритет.
Для того, чтобы упростить поиск элемента в списке оформления сайта мы ввели специальную функцию. Если вы хотите отредактировать что-то на странице, то зажмите кнопку Ctrl на клавиатуре и щелкните мышкой на том, что хотите редактировать. Автоматически в оформлении сайта будет найдет стиль, который отвечает за этот элемент и вы сможете внести туда изменения. Если щелкнуть еще раз, то откроется стиль более общий, чем первый, но который тоже повлияет на этот элемент.
В CSS работает иерархия элементов и стилей. Вы можете задать цвет текста в нескольких стилях, которые будут применены к одному и тому же элементу, но посетитель увидит только тот стиль, который будет применен последним.
Например, есть текст новости. Мы можем изменить цвет этого текста дюжиной стилей:
• Задать цвет текста всего сайта
• Задать цвет текста этой страницы сайта
• Задать цвет текста всех разделов
• Задать цвет текста всех записей (новость – это запись)
• Задать цвет текста раздела новостей
• Задать цвет текста новости (то есть записи новостного раздела)
• Задать цвет текста именно данного новостного раздела
• Задать цвет текста данной новости
Как видите стилей очень много, но если во всех этих стилях прописать разные цвета текста, то посетитель увидит только последний цвет. Это и есть иерархия. Сначала идут наиболее общие настройки дизайна сайта, постепенно они переходят к конкретным. Это позволяет, задав общие настройки «забыть» о том, чтобы настраивать все.
Согласитесь проще прописать цвет всего текста сайта в одном месте, чем изменять все стили.
Для того, чтобы выделить более низкий по иерархии элемент – не отпуская клавиши Ctrl еще раз щелкните мышкой по элементу.
Таким образом мы сэкономили свое время, приняв за основу готовый шаблон сайта. Но при желании можем подкорректировать дизайн сайта с помощью скин-машины. Процесс этот очень прост и не требует большой потери времени. Получается красивы дизайн сайта или интернет магазина.
