Inter-Net.PRO

Как научиться CSS в Joomla и копирование шаблона

  • 173 38
20 фев 2018 02:39 - 20 фев 2018 02:41 #1 от Inter-Net PRO
Изменить на сайте размер букв, цвет текста или фона, ширину и высоту каких то элементов, внешний вид чего либо на сайте - всё это CSS.
Хочу поделиться видео, благодаря которому я когда то понял и научился CSS.
Первые 6-минут видео - это то как раз что нужно. Главное понять как смотреть путь к файлу со стилями и номер строки, где расположены стили для элемента.
Рекомендую попробовать с цифровыми значениями самим изменить какой либо стиль и отредактировать на сайте например свойство font-size (размер текста), margin (внешний отступ элемента) или padding (внутренний отступ). Можно как в видео изменить цвет фона (background) или цвет текста (color).
Главное не выучить названия свойств, а понять как в инструментах разработчика найти путь к файлу и номер строки к элементу. Главное уметь изменять CSS.
А уже потом при необходимости можно гуглить запросы типа "CSS цвет текста", "CSS размер текста", "CSS фон" и тому подобное. Сначала пусть медленно и с помощью гугла, а потом само запомнится что цвет текста это color, ширина - это width и т.д.

Копирование стандартного шаблона Joomla
С обновлением joomla обновляется и её стандартные шаблоны. Поэтому чтобы внесённые изменения не перезаписались при обновлении, делают копию шаблона, в которой затем вносят правки и используют в качестве шаблона для сайта.
Многие пользователи джумлы, делают именно копию шаблона Protostar и уже с ней работают, так как протостар является родным шаблоном и устанавливаемые на сайт расширения потом работают без глюков.

Видео как сделать копию шаблона:
Спасибо сказали: Алексей Е

  • 173 38
20 фев 2018 02:51 - 22 фев 2018 17:07 #2 от Inter-Net PRO
Ну и добавлю два скриншота, может помогут не потеряться и разобраться с CSS

1. Как пример - выделяем текст и кликаем правой кнопкой мышки (можно курсор наводить на любой элемент на странице) и открываем панель инструментов разработчиков:


2. В панеле разработчика смотрим и находим нужные стили. Справа в панеле окно где CSS свойства. Если нужно - прокручиваем и смотрим где нужный стиль подтягивается.

Наведя курсор мышки на путь к элементу - всплывает окно где отображается полный путь к файлу со стилями на сайте. В конце через двоеточие указывается номер строки в файле где находится нужный элемент.
Вложения:
Спасибо сказали: Алексей Е

Авторизация

Войти через соцсети: