Изменение стилей CSS

 CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) язык для описания внешнего вида документа. Эти стили используются для создания внешнего вида страниц сайта. Мы открываем сайт и видим его дизайн: цвет, шрифт, размеры полей и блоков, отступ от края, междустрочное расстояние, разделительные линии и многое другое. В этой статье хочу предложить решение - как изменить внешний вид сайта не зная CSS. Всё, что для этого нужно это доступ к файлам сайта и желание сделать свой ресурс уникальным.

 Мой сайт о Joomla поэтому и описание я буду приводить для этой CMS. Но принцип применим и для других CMS.

 Мы создали сайт, установили на него шаблон (о шаблонах я писал здесь), или оставили стандартный. Перед нами стоит задача сделать дизайн нашего сайта уникальным, не похожим на другие, узнаваемым, а не одним из многих. Для этого нам необходимо внести изменения в CSS и настроить всё по своему вкусу и желанию. Для примера возьмём этот сайт и браузер Мозила.

Шрифт

 Начнём с изменения шрифта. Для этого мы на странице сайта наводим стрелку курсора на текст и нажимаем правую клавишу мыши. В открывшемся окне выбираем: исследовать элемент. Открывается окно инспектора кода. Нас интересует раздел справа. Это и есть описание стилей. Находим раздел начинающийся с body. Color это цвет шрифта,  line-height это расстояние между строк. Мы можем изменить эти данные и посмотреть результат не внося изменения в код сайта. Для этого нажимаем на кружок с цветом и выбираем нужный нам оттенок. Для контраста я выбрал розовый.

Так же я изменил размер межстрочного пространства, уменьшил его. Результат можно увидеть на скриншотах. Изменив font-size мы корректируем размер шрифта. Мы выбрали нужный нам стиль и теперь надо внести изменения в код сайта. Наведя курсор на название документа, который находится над стилем справа, мы получим полный путь к файлу и номер строки в которой надо внести изменения. Заходим на хостинг, открываем диспетчер файлов и идём по указанному пути. Вносим правку и сохраняем. Шрифт мы изменили.

Изменение фона

 Теперь давайте изменим фон сайта. Поступаем также как и со шрифтом, только курсор наводим на фон. Всё проделываем в той же последовательности, как и описано выше. Выбираем цвет, определяем путь к файлу, вносим изменения, сохраняем.

 Таким образом, мы можем пройтись по всем элементам дизайна и внести в них коррективы изменяя цвет, размер, шрифт, размеры отступа (вверху, внизу, слева, справа) и разделение.

 В приведённом результате нет красоты и гармонии, но это я сделал для того, чтобы изменения были более заметны.

 Пробуйте, экспериментируйте, изменяйте под свой вкус. Пусть ваш сайт будет самым красивым.